{"offset":37,"limit":12,"max":48,"nbHits":95,"exhaustiveNbHits":false,"processingTimeMs":14,"query":"","search":false,"response":{"exist_filter":"aplicacaoMotoMontadoras:\"Honda\"","docs":[{"ecommerceNomeCompleto":"Rolamento da Transmiss\u00e3o para Honda Titan CG125\/150, Bros NXR125\/150, Twister CBX250, Carter Esquerdo PCX 150 12>20, Elite 125","ecommerceNome":"Rolamento da Transmiss\u00e3o para Honda","ecommerceBusca":"Rolamento da Transmiss\u00e3o para Honda Titan CG125\/150, Bros NXR125\/150, Twister CBX250, Carter Esquerdo PCX 150 12>20, Elite 125 Rolamento da Transmiss\u00e3o para Honda 6204ZZC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6204-ZZC3","produtoModeloBusca":"6204ZZC3","produtoMarca":"MAK M3","ecommerceDescricaoSinonimos":null,"id":"2685","produtoID":2685,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-05-08 13:13:57","catalogoID":38085,"produtoPeso":"0.1040","produtoMedida":"20x47x14","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Transmiss\u00e3o para Titan CG125 \/ 150, Bros NXR125 \/ 150, PCX 150","ecommerceDescricao":"Titan CG125\/150, Bros NXR125\/150, Twister CBX250, Carter Esquerdo PCX 150 12>20, Elite 125","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":null,"codigoSimilar":"FAG:6204-2ZR; Nachi:6204-ZZE; SKF:6204-2Z","ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados; C3","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Tampa do motor"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["PCX"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Motor"],"aplicacaoMotoCompleto":["Tampa do motor, Motor, Motor"],"aplicacaoMotoModelosCompleto":["Honda PCX 150 12>20"],"produtoPrecoConsumidor":0,"produtoEstoque":0,"blindagem":"Blindado 2 lados","_matchesInfo":[],"contador":1,"chave":0,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2685.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2685.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2685.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6204-ZZC3 Rolamento da Transmiss\u00e3o para Honda Titan CG125\/150, Bros NXR125\/150, Twister CBX250, Carter Esquerdo PCX 150 12>20, Elite 125 MAK M3","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak-m3","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6204-zzc3-mak-m3\/2685","aplicacao":"\/produto\/rolamento-da-transmisso-para-honda-titan-cg125150-bros-nxr125150-twister-cbx250-carter-esquerdo-pcx-150-1220-elite-125-rolamento-da-transmisso-para-honda-6204zzc3\/2685","modal":"\/modal\/rolamento-rigido-de-esferas-6204-zzc3-mak-m3\/2685"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":false,"codigoSimilarLista":[{"name":"FAG","value":"6204-2ZR"},{"name":"Nachi","value":"6204-ZZE"},{"name":"SKF","value":"6204-2Z"}]},{"ecommerceNomeCompleto":"Rolamento do Virabrequim Yamaha T105E - Crypton,YBR125, Factor125, XTZ125 Dir\/Esq","ecommerceNome":"Rolamento do Virabrequim Yamaha","ecommerceBusca":"Rolamento do Virabrequim Yamaha T105E - Crypton,YBR125, Factor125, XTZ125 Dir\/Esq Rolamento do Virabrequim Yamaha 62052RSC3GREEN","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6205-2RSC3 (GREEN)","produtoModeloBusca":"62052RSC3GREEN","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"79","produtoID":79,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-05-08 11:03:33","catalogoID":32157,"produtoPeso":"0.1270","produtoMedida":"25x52x15","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento do Virabrequim YBR125, Factor125, XTZ125 Dir\/Esq","ecommerceDescricao":"T105E - Crypton,YBR125, Factor125, XTZ125 Dir\/Esq","ecommerceComplemento":"Transmiss\u00e3o YS250 Fazer 06>10, XTZ250 Lander - Lado direito | Transmiss\u00e3o Honda PCX 150 12>20, PCX 160 | Roda Dianteira Suzuki Gsx 750R Srad 96>09 | Flange da Coroa Roda Traseira Ninja 250\/300 - Veda\u00e7\u00e3o verde","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de r\u00edgido de esferas 6205-2RSC3 PPK blindagem verde","ecommerceSeoDescricao":"Os Rolamentos PPK motoparts para roda sa\u0303o produzidos com tratamento te\u0301rmico especial, proporcionando alta durabilidade e resist\u00eancia. Ao repor rolamentos da moto, escolha PPK motoparts.","ecommerceSeoPalavrasChaves":"roda de moto, motope\u00e7as, motocicleta, rolamentos para moto, rolamentos ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"2726\", \"79\", \"997737\", \"2880\"]","codigoOriginal":"Suzuki:08123-62057; Yamaha:93306-305YD","codigoSimilar":"FAG:6205-2RSRC3; Nachi:6205-2NSEC3; NSK:6205-DDUC3; NTN:6205-LLUC3; SKF:6205-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"2","produtoVIP":"B","aplicacaoMoto":["Cubo de roda","Virabrequim"],"aplicacaoMotoMontadoras":["Honda","Yamaha"],"aplicacaoMotoModelos":["CRYPTON","GSX","M","PCX","RD"],"aplicacaoMotoGrupo":["Motor","Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Conjunto m\u00f3vel","Roda dianteira","Roda dianteira\/traseira "],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda dianteira\/traseira ","Virabrequim, Motor, Conjunto m\u00f3vel"],"aplicacaoMotoModelosCompleto":["Honda GSX 1000 ","Honda GSX 1250 ","Honda GSX 1300 ","Honda GSX 750 ","Honda M 1500 ","Honda PCX 150 12>20","Honda PCX 160 22>...","Yamaha CRYPTON 100 ","Yamaha RD 135 "],"produtoPrecoConsumidor":4.66,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":2,"chave":1,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/79.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/79.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/79.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53645\/53645.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6205-2RSC3 (GREEN) Rolamento do Virabrequim Yamaha T105E - Crypton,YBR125, Factor125, XTZ125 Dir\/Esq PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6205-2rsc3-green-ppk\/79","aplicacao":"\/produto\/rolamento-do-virabrequim-yamaha-t105e---cryptonybr125-factor125-xtz125-diresq-rolamento-do-virabrequim-yamaha-62052rsc3green\/79","modal":"\/modal\/rolamento-rigido-de-esferas-6205-2rsc3-green-ppk\/79"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Suzuki","value":"08123-62057"},{"name":"Yamaha","value":"93306-305YD"}],"codigoSimilarLista":[{"name":"FAG","value":"6205-2RSRC3"},{"name":"Nachi","value":"6205-2NSEC3"},{"name":"NSK","value":"6205-DDUC3"},{"name":"NTN","value":"6205-LLUC3"},{"name":"SKF","value":"6205-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento do Virabrequim Lado Esquerdo Honda NXR 150 Bros 03>05, CBX200 Strada, XR200 | Carter Ld Esquerdo Elite 125","ecommerceNome":"Rolamento do Virabrequim Lado Esquerdo Honda","ecommerceBusca":"Rolamento do Virabrequim Lado Esquerdo Honda NXR 150 Bros 03>05, CBX200 Strada, XR200 | Carter Ld Esquerdo Elite 125 Rolamento do Virabrequim Lado Esquerdo Honda 62072RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6207-2RSC3","produtoModeloBusca":"62072RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"53","produtoID":53,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-05-08 18:14:01","catalogoID":33174,"produtoPeso":"0.2830","produtoMedida":"35x72x17","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento Esquerdo do Virabrequim NXR 150 Bros 03>05, CBX 200","ecommerceDescricao":"NXR 150 Bros 03>05, CBX200 Strada, XR200 | Carter Ld Esquerdo Elite 125","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91002K69601","codigoSimilar":"FAG:6207-2RSR; Nachi:6207-2NSE; NSK:6207-DDUC3; NTN:6207-LLUC3; SKF:6207-2RS1C3","ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados; C3","categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore de manivelas"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CRF","Elite","NXR"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Virabrequim"],"aplicacaoMotoCompleto":["\u00c1rvore de manivelas, Motor, Virabrequim"],"aplicacaoMotoModelosCompleto":["Honda CRF 230 ","Honda NXR 150 "],"produtoPrecoConsumidor":12.56,"produtoEstoque":0,"blindagem":"Blindado 2 lados","_matchesInfo":[],"contador":3,"chave":2,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/53.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/53.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/53.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6207-2RSC3 Rolamento do Virabrequim Lado Esquerdo Honda NXR 150 Bros 03>05, CBX200 Strada, XR200 | Carter Ld Esquerdo Elite 125 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6207-2rsc3-ppk\/53","aplicacao":"\/produto\/rolamento-do-virabrequim-lado-esquerdo-honda-nxr-150-bros-0305-cbx200-strada-xr200--carter-ld-esquerdo-elite-125-rolamento-do-virabrequim-lado-esquerdo-honda-62072rsc3\/53","modal":"\/modal\/rolamento-rigido-de-esferas-6207-2rsc3-ppk\/53"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91002K69601"}],"codigoSimilarLista":[{"name":"FAG","value":"6207-2RSR"},{"name":"Nachi","value":"6207-2NSE"},{"name":"NSK","value":"6207-DDUC3"},{"name":"NTN","value":"6207-LLUC3"},{"name":"SKF","value":"6207-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento do Virabrequim Lado Esquerdo Honda Bros NXR150 03>05, Strada CBX200, XR200 | Carter Ld Esquerdo Elite 125","ecommerceNome":"Rolamento do Virabrequim Lado Esquerdo Honda","ecommerceBusca":"Rolamento do Virabrequim Lado Esquerdo Honda Bros NXR150 03>05, Strada CBX200, XR200 | Carter Ld Esquerdo Elite 125 Rolamento do Virabrequim Lado Esquerdo Honda 6207C3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6207-C3","produtoModeloBusca":"6207C3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1647595","produtoID":1647595,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-05-15 20:11:31","catalogoID":34202,"produtoPeso":"0.2900","produtoMedida":"35x72x17","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento do Virabrequim Bros NXR 150 03>05, CBX 200, Elite 125 - Ld Esquerdo","ecommerceDescricao":"Bros NXR150 03>05, Strada CBX200, XR200 | Carter Ld Esquerdo Elite 125","ecommerceComplemento":"Eixo da Helice do Motor de Popa Yamaha F90 | Virabrequim Prox - Jet Ski Sea Doo Polaris 700\/900\/1050","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Virabrequim NXR150 Bros | Rolamento 6207-C3 PPK","ecommerceSeoDescricao":"Rolamento 6207-C3 PPK do Virabrequim para Honda NXR150 Bros. Tenha mais durabilidade e seguran\u00e7a com o rolamento 6207-C3 PPK do virabrequim. Compre o rolamento 6207-C3 PPK no seu distribuidor.","ecommerceSeoPalavrasChaves":"motope\u00e7as, rolamento de moto, rolamento virabrequim, virabrequim, rolamento NXR150 bros, rolamento 6207-C3","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Yamaha:93306207U0","codigoSimilar":null,"ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CBX","Elite","NXR"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Virabrequim"],"aplicacaoMotoCompleto":["Virabrequim, Motor, Virabrequim"],"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":10,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":4,"chave":3,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1647595.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1647595.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1647595.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"6207-C3 Rolamento Lado Esquerdo do Virabrequim","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50133\/50133.jpg?version=7.73"},{"id":2,"grupo":"Galeria de Produto","nome":"6207-C3 Rolamento Lado Esquerdo do Virabrequim","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50134\/50134.jpg?version=7.73"},{"id":3,"grupo":"Galeria de Produto","nome":"6207-C3 Rolamento Lado Esquerdo do Virabrequim","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50135\/50135.jpg?version=7.73"}],"produtoGaleriaTotal":3,"produtoBusca":"6207-C3 Rolamento do Virabrequim Lado Esquerdo Honda Bros NXR150 03>05, Strada CBX200, XR200 | Carter Ld Esquerdo Elite 125 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6207-c3-ppk\/1647595","aplicacao":"\/produto\/rolamento-do-virabrequim-lado-esquerdo-honda-bros-nxr150-0305-strada-cbx200-xr200--carter-ld-esquerdo-elite-125-rolamento-do-virabrequim-lado-esquerdo-honda-6207c3\/1647595","modal":"\/modal\/rolamento-rigido-de-esferas-6207-c3-ppk\/1647595"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"Yamaha","value":"93306207U0"}],"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento do Virabrequim Honda Pop 110I, Biz C125 06>... - lado esquerdo","ecommerceNome":"Rolamento do Virabrequim Honda","ecommerceBusca":"Rolamento do Virabrequim Honda Pop 110I, Biz C125 06>... - lado esquerdo Rolamento do Virabrequim Honda 6322C18","produtoNome":"Rolamento do Virabrequim Honda BIZ 125 e POP 110 Lado Esquerdo","produtoModelo":"63\/22 C18","produtoModeloBusca":"6322C18","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1679363","produtoID":1679363,"produtoHabilitado":1,"catalogoAtualizadoEm":"2023-11-10 19:51:07","catalogoID":36737,"produtoPeso":"0.1750","produtoMedida":"22x56x16","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento Esquerdo do Virabrequim Pop 110I, Biz C125 06>...","ecommerceDescricao":"Pop 110I, Biz C125 06>... - lado esquerdo","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Virabrequim 63\/22 Biz C125, Pop 110 | Rolamento PPK","ecommerceSeoDescricao":"Rolamento do Virabrequim 63\/22 para Honda Biz C125 voc\u00ea encontra na PPK. Confiabilidade e seguran\u00e7a em rolamento de virabrequim de moto, a PPK tem! Conhe\u00e7a o rolamento de virabrequim PPK 63\/22.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 63\/22, rolamento virabrequim, rolamento virabrequim 63\/22, rolamento Biz C125, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":null,"codigoSimilar":null,"ecommerceCaracteristicas":null,"ecommerceCaracteristicasNome":null,"ecommerceCaracteristicasAtributos":null,"categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["BIZ"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda BIZ 125 2006"],"produtoPrecoConsumidor":20,"produtoEstoque":0,"_matchesInfo":[],"contador":5,"chave":4,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1679363.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1679363.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1679363.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"63\/22 C18 Rolamento do Virabrequim Honda Pop 110I, Biz C125 06>... - lado esquerdo PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-do-virabrequim-honda-biz-125-e-pop-110-lado-esquerdo-63-22-c18-ppk\/1679363","aplicacao":"\/produto\/rolamento-do-virabrequim-honda-pop-110i-biz-c125-06---lado-esquerdo-rolamento-do-virabrequim-honda-6322c18\/1679363","modal":"\/modal\/rolamento-do-virabrequim-honda-biz-125-e-pop-110-lado-esquerdo-63-22-c18-ppk\/1679363"},"ecommerceCaracteristicasLista":false,"codigoOriginalLista":false,"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento do Virabrequim Esquerdo Honda Biz125 KS\/ES, CR 80\/125 | Yamaha YZ 125 | Suzuki RM125","ecommerceNome":"Rolamento do Virabrequim Esquerdo Honda","ecommerceBusca":"Rolamento do Virabrequim Esquerdo Honda Biz125 KS\/ES, CR 80\/125 | Yamaha YZ 125 | Suzuki RM125 Rolamento do Virabrequim Esquerdo Honda 6322C3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"63\/22 C3","produtoModeloBusca":"6322C3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"14809","produtoID":14809,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-08-11 12:21:44","catalogoID":32099,"produtoPeso":"0.1810","produtoMedida":"22x56x16","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento do Virabrequim Esquerdo Biz 125 KS\/ES | Yamaha YZ 125","ecommerceDescricao":"Biz125 KS\/ES, CR 80\/125 | Yamaha YZ 125 | Suzuki RM125","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Virabrequim lado esquerdo  63\/22 C3","ecommerceSeoDescricao":"Rolamentos do Virabrequim PPK motoparts, garantia de durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7as, rolamento para moto, virabrequim, motor, \u00e1rvore de manivelas,  conjunto m\u00f3vel, BIZ125, BIZ KS, BIZ ES","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"15015\", \"30030\", \"79\", \"1648763\"]","codigoOriginal":"Honda:91002-KPH-881","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Aberto:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"Aberto; A\u00e7o cromo SAE 52100; C3","categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BIZ","CR","RM","YZ"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Conjunto m\u00f3vel"],"aplicacaoMotoCompleto":["Virabrequim, Motor, Conjunto m\u00f3vel"],"aplicacaoMotoModelosCompleto":["Honda BIZ 125 "],"produtoPrecoConsumidor":12.8,"produtoEstoque":0,"blindagem":"Aberto","_matchesInfo":[],"contador":6,"chave":5,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/14809.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/14809.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/14809.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"63\/22 C3 Rolamento do Virabrequim Esquerdo Honda Biz125 KS\/ES, CR 80\/125 | Yamaha YZ 125 | Suzuki RM125 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-63-22-c3-ppk\/14809","aplicacao":"\/produto\/rolamento-do-virabrequim-esquerdo-honda-biz125-kses-cr-80125--yamaha-yz-125--suzuki-rm125-rolamento-do-virabrequim-esquerdo-honda-6322c3\/14809","modal":"\/modal\/rolamento-rigido-de-esferas-63-22-c3-ppk\/14809"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Aberto"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91002-KPH-881"}],"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento do Virabrequim Yamaha Neo AT115 \/ 125 | Sundown Future 125 | Dafra Smart 125, Laser 150","ecommerceNome":"Rolamento do Virabrequim Yamaha","ecommerceBusca":"Rolamento do Virabrequim Yamaha Neo AT115 \/ 125 | Sundown Future 125 | Dafra Smart 125, Laser 150 Rolamento do Virabrequim Yamaha 6322152RS","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"63\/22-15-2RS","produtoModeloBusca":"6322152RS","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1980045","produtoID":1980045,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-05-14 12:02:58","catalogoID":72184,"produtoPeso":"0.1800","produtoMedida":"22x56x15","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento do Virabrequim Yamaha Neo AT115 \/ 125, Dafra Smart 125, Laser 150","ecommerceDescricao":"Neo AT115 \/ 125 | Sundown Future 125 | Dafra Smart 125, Laser 150","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Yamaha:93306372X5; Yamaha:93306372Y2","codigoSimilar":null,"ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["NEO AT"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Virabrequim"],"aplicacaoMotoCompleto":["Virabrequim, Motor, Virabrequim"],"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":0,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":7,"chave":6,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1980045.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1980045.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1980045.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"Rolamento R\u00edgido de Esferas","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53711\/53711.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"63\/22-15-2RS Rolamento do Virabrequim Yamaha Neo AT115 \/ 125 | Sundown Future 125 | Dafra Smart 125, Laser 150 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-63-22-15-2rs-ppk\/1980045","aplicacao":"\/produto\/rolamento-do-virabrequim-yamaha-neo-at115--125--sundown-future-125--dafra-smart-125-laser-150-rolamento-do-virabrequim-yamaha-6322152rs\/1980045","modal":"\/modal\/rolamento-rigido-de-esferas-63-22-15-2rs-ppk\/1980045"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"Yamaha","value":"93306372X5"},{"name":"Yamaha","value":"93306372Y2"}],"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento de Roda Honda Biz C100 98>05, C100 Dream, CG125 Fan\/Today\/Titan, Roda Dianteira NXR125\/150 Bros 03>...","ecommerceNome":"Rolamento de Roda Honda","ecommerceBusca":"Rolamento de Roda Honda Biz C100 98>05, C100 Dream, CG125 Fan\/Today\/Titan, Roda Dianteira NXR125\/150 Bros 03>... Rolamento de Roda Honda 63012RSC3GREEN","produtoNome":"Rolamento Rigido de Esfera","produtoModelo":"6301-2RSC3 (GREEN)","produtoModeloBusca":"63012RSC3GREEN","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"348","produtoID":348,"produtoHabilitado":1,"catalogoAtualizadoEm":"2023-11-10 19:56:46","catalogoID":32096,"produtoPeso":"0.0610","produtoMedida":"12x37x12","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento de Roda Honda CG125 Fan\/Today\/Titan","ecommerceDescricao":"Biz C100 98>05, C100 Dream, CG125 Fan\/Today\/Titan, Roda Dianteira NXR125\/150 Bros 03>...","ecommerceComplemento":"Yamaha Roda Dianteira Factor 125\/150, Roda Traseira Crypton 105 - Todos Veda\u00e7\u00e3o Verde","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda 6301-2RSC3 para Honda Biz C100 | Rolamento PPK","ecommerceSeoDescricao":"Rolamento 6301-2RSC3 para Roda da Honda Biz C100 voc\u00ea encontra na PPK. Acesse nosso site e conhe\u00e7a a PPK, confiabilidade, durabilidade e seguran\u00e7a em rolamento para moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6301-2RSC3, 6301-2RSC3, rolamento roda, rolamento Biz C100, honda, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1777\", \"1648369\", \"997737\", \"1648759\"]","codigoOriginal":"Honda:96140-63010-10; Suzuki:08123-63017; Yamaha:93306-30103","codigoSimilar":"FAG:6301-2RSR; Nachi:6301-2NSEC3; NSK:6301-DDU; NTN:6301-LLUC3; SKF:6301-2RS1","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"1","aplicacaoMoto":["Cubo de roda"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BIZ C","C","CBX","CG","CRYPTON","INTRUDER","KATANA","NXR","RD"],"aplicacaoMotoGrupo":["Roda"],"aplicacaoMotoSubGrupo":["Roda dianteira","Roda traseira"],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira"],"aplicacaoMotoModelosCompleto":["Honda BIZ C 100 98>05","Honda C 100 todos","Honda CBX 150 88>92","Honda CBX 200 todos","Honda CG 125 00>05","Honda CG 125 02>...","Honda CG 125 83>99","Honda CG 150 04>...","Honda NXR 150 03>...","Suzuki INTRUDER 125 todos","Suzuki KATANA 125 todos","Yamaha RD 135 ","Yamaha RD 350 "],"produtoPrecoConsumidor":2.5,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":8,"chave":7,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/348.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/348.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/348.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53647\/53647.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6301-2RSC3 (GREEN) Rolamento de Roda Honda Biz C100 98>05, C100 Dream, CG125 Fan\/Today\/Titan, Roda Dianteira NXR125\/150 Bros 03>... PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esfera-6301-2rsc3-green-ppk\/348","aplicacao":"\/produto\/rolamento-de-roda-honda-biz-c100-9805-c100-dream-cg125-fantodaytitan-roda-dianteira-nxr125150-bros-03-rolamento-de-roda-honda-63012rsc3green\/348","modal":"\/modal\/rolamento-rigido-de-esfera-6301-2rsc3-green-ppk\/348"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"96140-63010-10"},{"name":"Suzuki","value":"08123-63017"},{"name":"Yamaha","value":"93306-30103"}],"codigoSimilarLista":[{"name":"FAG","value":"6301-2RSR"},{"name":"Nachi","value":"6301-2NSEC3"},{"name":"NSK","value":"6301-DDU"},{"name":"NTN","value":"6301-LLUC3"},{"name":"SKF","value":"6301-2RS1"}]},{"ecommerceNomeCompleto":"Rolamento da Transmiss\u00e3o Honda PCX 150 \/ 160, Elite 125, Carter lado Esquerdo PCX 150","ecommerceNome":"Rolamento da Transmiss\u00e3o Honda","ecommerceBusca":"Rolamento da Transmiss\u00e3o Honda PCX 150 \/ 160, Elite 125, Carter lado Esquerdo PCX 150 Rolamento da Transmiss\u00e3o Honda 6301ZZ","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6301-ZZ","produtoModeloBusca":"6301ZZ","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"2718","produtoID":2718,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-05-08 14:51:12","catalogoID":32173,"produtoPeso":"0.0590","produtoMedida":"12x37x12","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Transmiss\u00e3o PCX 150 \/ 160, Elite 125, Carter Lado Esquerdo PCX 150","ecommerceDescricao":"PCX 150 \/ 160, Elite 125, Carter lado Esquerdo PCX 150","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento da Transmiss\u00e3o PCX 150 PPK 6301 | Rolamento PPK","ecommerceSeoDescricao":"O Rolamento PPK 6301 \u00e9 indicado para transmiss\u00e3o da scooter PCX 150 da Honda. Quando fizer a manuten\u00e7\u00e3o da sua moto, exija sempre rolamentos PPK motoparts, garantia de seguran\u00e7a e durabilidade.","ecommerceSeoPalavrasChaves":"roda de moto, motope\u00e7as, motocicleta, rolamentos para moto, rolamentos ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1777\", \"1648369\", \"997737\", \"1648759\"]","codigoOriginal":"Honda:91005KZR601; Honda:96140-63010-10; Suzuki:08123-63017; Yamaha:93306-30103","codigoSimilar":"FAG:6301-2ZR; Nachi:6301-ZZE; SKF:6301-2Z","ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:normal:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados; normal; Rolamentos de Roda","categoriaOrdem":"1","produtoVIP":"D","aplicacaoMoto":["Cubo de roda","Tampa do motor"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BIZ C","C","CBX","CG","CRYPTON","Elite","INTRUDER","KATANA","NXR","PCX","RD"],"aplicacaoMotoGrupo":["Motor","Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Roda dianteira","Roda traseira","Tampa do motor"],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Tampa do motor, Motor, Tampa do motor"],"aplicacaoMotoModelosCompleto":["Honda BIZ C 100 98>05","Honda C 100 todos","Honda CBX 150 88>92","Honda CBX 200 todos","Honda CG 125 ","Honda CG 125 00>05","Honda CG 125 02>...","Honda CG 125 83>99","Honda CG 150 04>...","Honda NXR 150 03>...","Suzuki INTRUDER 125 todos","Suzuki KATANA 125 todos","Yamaha CRYPTON 100 ","Yamaha RD 135 ","Yamaha RD 350 "],"produtoPrecoConsumidor":2.64,"produtoEstoque":0,"blindagem":"Blindado 2 lados","_matchesInfo":[],"contador":9,"chave":8,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2718.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2718.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2718.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6301-ZZ Rolamento da Transmiss\u00e3o Honda PCX 150 \/ 160, Elite 125, Carter lado Esquerdo PCX 150 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6301-zz-ppk\/2718","aplicacao":"\/produto\/rolamento-da-transmisso-honda-pcx-150--160-elite-125-carter-lado-esquerdo-pcx-150-rolamento-da-transmisso-honda-6301zz\/2718","modal":"\/modal\/rolamento-rigido-de-esferas-6301-zz-ppk\/2718"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"},{"key":"5386","name":"Folga","value":"normal"}],"codigoOriginalLista":[{"name":"Honda","value":"91005KZR601"},{"name":"Honda","value":"96140-63010-10"},{"name":"Suzuki","value":"08123-63017"},{"name":"Yamaha","value":"93306-30103"}],"codigoSimilarLista":[{"name":"FAG","value":"6301-2ZR"},{"name":"Nachi","value":"6301-ZZE"},{"name":"SKF","value":"6301-2Z"}]},{"ecommerceNomeCompleto":"Rolamento de Roda Traseira para Honda CG125 CG150, Yamaha XTZ250 Lander | Roda Dianteira CB300R, CBX250 Twister | Yamaha Fazer 250.","ecommerceNome":"Rolamento de Roda Traseira para Honda","ecommerceBusca":"Rolamento de Roda Traseira para Honda CG125 CG150, Yamaha XTZ250 Lander | Roda Dianteira CB300R, CBX250 Twister | Yamaha Fazer 250. Rolamento de Roda Traseira para Honda 63022RSC3GREEN","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6302-2RSC3 (GREEN)","produtoModeloBusca":"63022RSC3GREEN","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1777","produtoID":1777,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-05-08 15:00:29","catalogoID":32103,"produtoPeso":"0.0838","produtoMedida":"15x42x13","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento de Roda Traseira para Honda CG125 CG150 | Roda Dianteira Yamaha Fazer 250","ecommerceDescricao":"CG125 CG150, Yamaha XTZ250 Lander | Roda Dianteira CB300R, CBX250 Twister | Yamaha Fazer 250.","ecommerceComplemento":"C\u00e1rter Ld Esquerdo PCX 150","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda Traseira CG125\/150 | Rolamento 6302-2RSC3 PPK","ecommerceSeoDescricao":"O Rolamento 6302-2RSC3 PPK \u00e9 aplicado na roda traseira da Honda CG125 e CG150. Confiabilidade e seguran\u00e7a em rolamento 6302-2RSC3 para a roda da sua moto, \u00e9 PPK.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6302-2RSC3, 6302-2RSC3, rolamento roda traseira, rolamento CG125, rolamento CG150, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"348\", \"1648367\", \"2718\", \"997737\"]","codigoOriginal":"Honda:91015-KPF-962; Honda:91051-KVS-602; Honda:96150-63020-10; Yamaha:93306-320X6","codigoSimilar":"FAG:6302-2RSRC3; Nachi:6302-2NK; NSK:6302-DDUC3; NTN:6302-LLUC3; SKF:6302-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"A","aplicacaoMoto":["Cubo de roda","Tampa do motor"],"aplicacaoMotoMontadoras":["Honda","Yamaha"],"aplicacaoMotoModelos":["CB","CBR","CBX","FAZER","PCX","XTZ"],"aplicacaoMotoGrupo":["Motor","Roda"],"aplicacaoMotoSubGrupo":["Roda dianteira","Roda traseira","Tampa do motor"],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Tampa do motor, Motor, Tampa do motor"],"aplicacaoMotoModelosCompleto":["Honda CB 300 ","Honda CBR 450 89>92","Honda CBX 250 ","Honda CBX 750 90>94","Yamaha FAZER 250 ","Yamaha XTZ 250 "],"produtoPrecoConsumidor":3.32,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":10,"chave":9,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1777.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1777.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1777.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53648\/53648.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6302-2RSC3 (GREEN) Rolamento de Roda Traseira para Honda CG125 CG150, Yamaha XTZ250 Lander | Roda Dianteira CB300R, CBX250 Twister | Yamaha Fazer 250. PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6302-2rsc3-green-ppk\/1777","aplicacao":"\/produto\/rolamento-de-roda-traseira-para-honda-cg125-cg150-yamaha-xtz250-lander--roda-dianteira-cb300r-cbx250-twister--yamaha-fazer-250-rolamento-de-roda-traseira-para-honda-63022rsc3green\/1777","modal":"\/modal\/rolamento-rigido-de-esferas-6302-2rsc3-green-ppk\/1777"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91015-KPF-962"},{"name":"Honda","value":"91051-KVS-602"},{"name":"Honda","value":"96150-63020-10"},{"name":"Yamaha","value":"93306-320X6"}],"codigoSimilarLista":[{"name":"FAG","value":"6302-2RSRC3"},{"name":"Nachi","value":"6302-2NK"},{"name":"NSK","value":"6302-DDUC3"},{"name":"NTN","value":"6302-LLUC3"},{"name":"SKF","value":"6302-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento de Roda Traseira Honda Bros NXR125, NXR150 (Ld Esquerdo), XLR125, XR200, XRE190 | Kawasaki Ninja 250 \/ 300 | Suzuki GS 500","ecommerceNome":"Rolamento de Roda Traseira Honda","ecommerceBusca":"Rolamento de Roda Traseira Honda Bros NXR125, NXR150 (Ld Esquerdo), XLR125, XR200, XRE190 | Kawasaki Ninja 250 \/ 300 | Suzuki GS 500 Rolamento de Roda Traseira Honda 63032RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6303-2RSC3","produtoModeloBusca":"63032RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1778","produtoID":1778,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-05-16 17:55:18","catalogoID":32169,"produtoPeso":"0.1110","produtoMedida":"17x47x14","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento de Roda Traseira Bros NXR125\/150, XR200, Ninja 250\/300, Suzuki GS500","ecommerceDescricao":"Bros NXR125, NXR150 (Ld Esquerdo), XLR125, XR200, XRE190 | Kawasaki Ninja 250 \/ 300 | Suzuki GS 500","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda Traseira Bros NXR125, NXR150 | 6303-2RSC3 PPK","ecommerceSeoDescricao":"Rolamento 6303-2RSC3 para Roda Traseira Honda Bros NXR125 e NXR150 voc\u00ea encontra na PPK. Confiabilidade e seguran\u00e7a em rolamento de roda de moto, a PPK tem!","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6303-2RSC3, 6303-2RSC3, rolamento roda traseira, rolamento Broz NXR125, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1646110\", \"2720\", \"1646737\", \"1648299\"]","codigoOriginal":"Dafra:9536303P6I; Honda:96140-63030-10; Honda:96150-63030-10; Suzuki:08110-63030; Suzuki:08123-63037; Suzuki:08143-63037; Yamaha:93306-3030409; Yamaha:93306-303Y1-09; Yamaha:93306-303Y809","codigoSimilar":"FAG:6303-2RSRC3; Nachi:6303-2NSEC3; NSK:6303-DDUC3; NTN:6303-LLUC3; SKF:6303-2RS1","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"3","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Cubo de roda","Embreagem central","Tampa do motor"],"aplicacaoMotoMontadoras":["Dafra","Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["ADDRESS AE","CB","CBR","CBX","DL","DT","GS","KANSAS","MARAUDER","NX","NXR","RD","XR","XT"],"aplicacaoMotoGrupo":["Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["\u00c1rvore secund\u00e1ria","C\u00e2mbio","Eixo de comando","Roda dianteira","Roda traseira","Transmiss\u00e3o secund\u00e1ria"],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, C\u00e2mbio","\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Eixo de comando","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Embreagem central, Transmiss\u00e3o, Transmiss\u00e3o secund\u00e1ria","Tampa do motor, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria"],"aplicacaoMotoModelosCompleto":["Dafra KANSAS 150 ","Honda CB 400 ","Honda CBR 450 89>92","Honda CBX 200 ","Honda NX 150 ","Honda NX 200 ","Honda NXR 125 ","Honda NXR 150 ","Honda XR 200 ","Honda XR 250 ","Suzuki ADDRESS AE 100 ","Suzuki DL 650 ","Suzuki GS 500 ","Suzuki MARAUDER 800 ","Yamaha DT 180 ","Yamaha DT 200 ","Yamaha RD 135 ","Yamaha XT 600 "],"produtoPrecoConsumidor":4.35,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":11,"chave":10,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1778.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1778.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1778.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53649\/53649.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6303-2RSC3 Rolamento de Roda Traseira Honda Bros NXR125, NXR150 (Ld Esquerdo), XLR125, XR200, XRE190 | Kawasaki Ninja 250 \/ 300 | Suzuki GS 500 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6303-2rsc3-ppk\/1778","aplicacao":"\/produto\/rolamento-de-roda-traseira-honda-bros-nxr125-nxr150-ld-esquerdo-xlr125-xr200-xre190--kawasaki-ninja-250--300--suzuki-gs-500-rolamento-de-roda-traseira-honda-63032rsc3\/1778","modal":"\/modal\/rolamento-rigido-de-esferas-6303-2rsc3-ppk\/1778"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Dafra","value":"9536303P6I"},{"name":"Honda","value":"96140-63030-10"},{"name":"Honda","value":"96150-63030-10"},{"name":"Suzuki","value":"08110-63030"},{"name":"Suzuki","value":"08123-63037"},{"name":"Suzuki","value":"08143-63037"},{"name":"Yamaha","value":"93306-3030409"},{"name":"Yamaha","value":"93306-303Y1-09"},{"name":"Yamaha","value":"93306-303Y809"}],"codigoSimilarLista":[{"name":"FAG","value":"6303-2RSRC3"},{"name":"Nachi","value":"6303-2NSEC3"},{"name":"NSK","value":"6303-DDUC3"},{"name":"NTN","value":"6303-LLUC3"},{"name":"SKF","value":"6303-2RS1"}]},{"ecommerceNomeCompleto":"Rolamento de Roda Traseira Honda Bros NXR125, NXR150, XLR125, XR200, XRE190 | Dafra Kansas150","ecommerceNome":"Rolamento de Roda Traseira Honda","ecommerceBusca":"Rolamento de Roda Traseira Honda Bros NXR125, NXR150, XLR125, XR200, XRE190 | Dafra Kansas150 Rolamento de Roda Traseira Honda 6303ZZ","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6303-ZZ","produtoModeloBusca":"6303ZZ","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"2720","produtoID":2720,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-15 13:20:25","catalogoID":32168,"produtoPeso":"0.1130","produtoMedida":"17x47x14","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento de Roda Traseira Bros NXR125, NXR150","ecommerceDescricao":"Bros NXR125, NXR150, XLR125, XR200, XRE190 | Dafra Kansas150","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Motor, Roda e Transmiss\u00e3o 6303-ZZ PPK","ecommerceSeoDescricao":"Rolamentos do Motor, Roda e Transmiss\u00e3o PPK motoparts, garantia de durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"virabrequim, roda, motor, transmiss\u00e3o, motope\u00e7as, CB400, CBR400, NXR200, NX200, BROS, ADDRESS, Suzuki, GSX750, Yamaha, RD135, KANSAS150","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1646110\", \"2720\", \"1646737\", \"351\"]","codigoOriginal":"Dafra:9536303P6I; Honda:96140-63030-10R; Honda:96150-63030-10; Suzuki:08110-63030; Suzuki:08123-63037; Suzuki:08143-63037; Yamaha:93306-3030409; Yamaha:93306-303Y1-09; Yamaha:93306-303Y809","codigoSimilar":"FAG:6303-2ZR; Nachi:6303-ZZE; SKF:6303-2Z","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"C","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Cubo de roda","Embreagem central","Tampa do motor"],"aplicacaoMotoMontadoras":["Dafra","Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["ADDRESS AE","CB","CBR","CBX","DL","DT","GS","KANSAS","MARAUDER","NX","NXR","RD","XR","XT"],"aplicacaoMotoGrupo":["Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["\u00c1rvore secund\u00e1ria","C\u00e2mbio","Eixo de comando","Roda dianteira","Roda traseira","Transmiss\u00e3o secund\u00e1ria"],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, C\u00e2mbio","\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Eixo de comando","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Embreagem central, Transmiss\u00e3o, Transmiss\u00e3o secund\u00e1ria","Tampa do motor, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria"],"aplicacaoMotoModelosCompleto":["Dafra KANSAS 150 ","Honda CB 400 ","Honda CBR 450 89>92","Honda CBX 200 ","Honda NX 150 ","Honda NX 200 ","Honda NXR 125 ","Honda NXR 150 ","Honda XR 200 ","Honda XR 250 ","Suzuki ADDRESS AE 100 ","Suzuki DL 650 ","Suzuki GS 500 ","Suzuki MARAUDER 800 ","Yamaha DT 180 ","Yamaha DT 200 ","Yamaha RD 135 ","Yamaha XT 600 "],"produtoPrecoConsumidor":6.95,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":12,"chave":11,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2720.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2720.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2720.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6303-ZZ Rolamento de Roda Traseira Honda Bros NXR125, NXR150, XLR125, XR200, XRE190 | Dafra Kansas150 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6303-zz-ppk\/2720","aplicacao":"\/produto\/rolamento-de-roda-traseira-honda-bros-nxr125-nxr150-xlr125-xr200-xre190--dafra-kansas150-rolamento-de-roda-traseira-honda-6303zz\/2720","modal":"\/modal\/rolamento-rigido-de-esferas-6303-zz-ppk\/2720"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Dafra","value":"9536303P6I"},{"name":"Honda","value":"96140-63030-10R"},{"name":"Honda","value":"96150-63030-10"},{"name":"Suzuki","value":"08110-63030"},{"name":"Suzuki","value":"08123-63037"},{"name":"Suzuki","value":"08143-63037"},{"name":"Yamaha","value":"93306-3030409"},{"name":"Yamaha","value":"93306-303Y1-09"},{"name":"Yamaha","value":"93306-303Y809"}],"codigoSimilarLista":[{"name":"FAG","value":"6303-2ZR"},{"name":"Nachi","value":"6303-ZZE"},{"name":"SKF","value":"6303-2Z"}]}],"sort":{"name":"C\u00f3digo A-Z"},"facetsDistribution":{"aplicacaoMoto":{"buckets":[{"val":"Balan\u00e7a","seo":"balana","count":5,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Balan\u00e7a\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMoto:\"Balan\u00e7a\"","active":0,"first":1,"last":0},{"val":"Caixa de dire\u00e7\u00e3o","seo":"caixa-de-direo","count":15,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Caixa de dire\u00e7\u00e3o\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMoto:\"Caixa de dire\u00e7\u00e3o\"","active":0,"first":0,"last":0},{"val":"Cubo de roda","seo":"cubo-de-roda","count":22,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Cubo de roda\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMoto:\"Cubo de roda\"","active":0,"first":0,"last":0},{"val":"Embreagem central","seo":"embreagem-central","count":15,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Embreagem central\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMoto:\"Embreagem central\"","active":0,"first":0,"last":0},{"val":"Garfo","seo":"garfo","count":6,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Garfo\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMoto:\"Garfo\"","active":0,"first":0,"last":0},{"val":"Pedal de c\u00e2mbio","seo":"pedal-de-cmbio","count":7,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Pedal de c\u00e2mbio\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMoto:\"Pedal de c\u00e2mbio\"","active":0,"first":0,"last":0},{"val":"Pedal de partida","seo":"pedal-de-partida","count":6,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Pedal de partida\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMoto:\"Pedal de partida\"","active":0,"first":0,"last":0},{"val":"Pr\u00f3-link","seo":"pr-link","count":4,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Pr\u00f3-link\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMoto:\"Pr\u00f3-link\"","active":0,"first":0,"last":0},{"val":"Tampa do motor","seo":"tampa-do-motor","count":10,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Tampa do motor\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMoto:\"Tampa do motor\"","active":0,"first":0,"last":0},{"val":"Virabrequim","seo":"virabrequim","count":15,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Virabrequim\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMoto:\"Virabrequim\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore de manivelas","seo":"rvore-de-manivelas","count":5,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"\u00c1rvore de manivelas\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMoto:\"\u00c1rvore de manivelas\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore prim\u00e1ria","seo":"rvore-primria","count":3,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"\u00c1rvore prim\u00e1ria\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMoto:\"\u00c1rvore prim\u00e1ria\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore secund\u00e1ria","seo":"rvore-secundria","count":12,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"\u00c1rvore secund\u00e1ria\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMoto:\"\u00c1rvore secund\u00e1ria\"","active":0,"first":0,"last":1}]},"aplicacaoMotoCompleto":{"buckets":[{"val":"Balan\u00e7a, Suspens\u00e3o, Garfo","seo":"balana-suspenso-garfo","count":1,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Garfo\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Garfo\"","active":0,"first":1,"last":0},{"val":"Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira","seo":"balana-suspenso-suspenso-traseira","count":4,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira\"","active":0,"first":0,"last":0},{"val":"Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","seo":"caixa-de-direo-suspenso-coluna-de-direo","count":14,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","active":0,"first":0,"last":0},{"val":"Cubo de roda, Roda, Roda dianteira","seo":"cubo-de-roda-roda-roda-dianteira","count":17,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\"","active":0,"first":0,"last":0},{"val":"Cubo de roda, Roda, Roda dianteira\/traseira ","seo":"cubo-de-roda-roda-roda-dianteiratraseira-","count":3,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\/traseira \"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\/traseira \"","active":0,"first":0,"last":0},{"val":"Cubo de roda, Roda, Roda traseira","seo":"cubo-de-roda-roda-roda-traseira","count":17,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda traseira\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda traseira\"","active":0,"first":0,"last":0},{"val":"Embreagem central, Motor, Embreagem","seo":"embreagem-central-motor-embreagem","count":3,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Motor, Embreagem\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Embreagem central, Motor, Embreagem\"","active":0,"first":0,"last":0},{"val":"Embreagem central, Transmiss\u00e3o, C\u00e2mbio","seo":"embreagem-central-transmisso-cmbio","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, C\u00e2mbio\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, C\u00e2mbio\"","active":0,"first":0,"last":0},{"val":"Embreagem central, Transmiss\u00e3o, Eixo de comando","seo":"embreagem-central-transmisso-eixo-de-comando","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Eixo de comando\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Eixo de comando\"","active":0,"first":0,"last":0},{"val":"Embreagem central, Transmiss\u00e3o, Embreagem","seo":"embreagem-central-transmisso-embreagem","count":5,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Embreagem\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Embreagem\"","active":0,"first":0,"last":0},{"val":"Embreagem central, Transmiss\u00e3o, Transmiss\u00e3o secund\u00e1ria","seo":"embreagem-central-transmisso-transmisso-secundria","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Transmiss\u00e3o secund\u00e1ria\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Transmiss\u00e3o secund\u00e1ria\"","active":0,"first":0,"last":0},{"val":"Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","seo":"garfo-suspenso-coluna-de-direo","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","active":0,"first":0,"last":0},{"val":"Garfo, Suspens\u00e3o, Garfo","seo":"garfo-suspenso-garfo","count":1,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Garfo\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Garfo\"","active":0,"first":0,"last":0},{"val":"Garfo, Suspens\u00e3o, Suspens\u00e3o traseira","seo":"garfo-suspenso-suspenso-traseira","count":5,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Suspens\u00e3o traseira\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Suspens\u00e3o traseira\"","active":0,"first":0,"last":0},{"val":"Pedal de c\u00e2mbio, Transmiss\u00e3o, C\u00e2mbio","seo":"pedal-de-cmbio-transmisso-cmbio","count":7,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Pedal de c\u00e2mbio, Transmiss\u00e3o, C\u00e2mbio\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Pedal de c\u00e2mbio, Transmiss\u00e3o, C\u00e2mbio\"","active":0,"first":0,"last":0},{"val":"Pedal de partida, Motor, Motor de partida","seo":"pedal-de-partida-motor-motor-de-partida","count":6,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Pedal de partida, Motor, Motor de partida\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Pedal de partida, Motor, Motor de partida\"","active":0,"first":0,"last":0},{"val":"Pr\u00f3-link, Suspens\u00e3o, Roda traseira","seo":"pr-link-suspenso-roda-traseira","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Pr\u00f3-link, Suspens\u00e3o, Roda traseira\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Pr\u00f3-link, Suspens\u00e3o, Roda traseira\"","active":0,"first":0,"last":0},{"val":"Pr\u00f3-link, Suspens\u00e3o, Suspens\u00e3o traseira","seo":"pr-link-suspenso-suspenso-traseira","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Pr\u00f3-link, Suspens\u00e3o, Suspens\u00e3o traseira\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Pr\u00f3-link, Suspens\u00e3o, Suspens\u00e3o traseira\"","active":0,"first":0,"last":0},{"val":"Tampa do motor, Motor, Carca\u00e7a do motor","seo":"tampa-do-motor-motor-carcaa-do-motor","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Motor, Carca\u00e7a do motor\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Tampa do motor, Motor, Carca\u00e7a do motor\"","active":0,"first":0,"last":0},{"val":"Tampa do motor, Motor, Motor","seo":"tampa-do-motor-motor-motor","count":1,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Motor, Motor\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Tampa do motor, Motor, Motor\"","active":0,"first":0,"last":0},{"val":"Tampa do motor, Motor, Tampa do motor","seo":"tampa-do-motor-motor-tampa-do-motor","count":3,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Motor, Tampa do motor\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Tampa do motor, Motor, Tampa do motor\"","active":0,"first":0,"last":0},{"val":"Tampa do motor, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria","seo":"tampa-do-motor-transmisso-rvore-secundria","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Tampa do motor, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria\"","active":0,"first":0,"last":0},{"val":"Virabrequim, Motor, Conjunto m\u00f3vel","seo":"virabrequim-motor-conjunto-mvel","count":8,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Virabrequim, Motor, Conjunto m\u00f3vel\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Virabrequim, Motor, Conjunto m\u00f3vel\"","active":0,"first":0,"last":0},{"val":"Virabrequim, Motor, Virabrequim","seo":"virabrequim-motor-virabrequim","count":4,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Virabrequim, Motor, Virabrequim\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"Virabrequim, Motor, Virabrequim\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore de manivelas, Motor, Cabe\u00e7ote","seo":"rvore-de-manivelas-motor-cabeote","count":1,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Motor, Cabe\u00e7ote\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Motor, Cabe\u00e7ote\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore de manivelas, Motor, Virabrequim","seo":"rvore-de-manivelas-motor-virabrequim","count":4,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Motor, Virabrequim\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Motor, Virabrequim\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore de manivelas, Transmiss\u00e3o, C\u00e2mbio","seo":"rvore-de-manivelas-transmisso-cmbio","count":1,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Transmiss\u00e3o, C\u00e2mbio\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Transmiss\u00e3o, C\u00e2mbio\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore prim\u00e1ria, Motor, Cabe\u00e7ote","seo":"rvore-primria-motor-cabeote","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Motor, Cabe\u00e7ote\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Motor, Cabe\u00e7ote\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","seo":"rvore-primria-transmisso-caixa-de-mudanas","count":3,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, \u00c1rvore principal","seo":"rvore-primria-transmisso-rvore-principal","count":1,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, \u00c1rvore principal\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, \u00c1rvore principal\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","seo":"rvore-secundria-transmisso-caixa-de-mudanas","count":10,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, C\u00e2mbio","seo":"rvore-secundria-transmisso-cmbio","count":3,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, C\u00e2mbio\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, C\u00e2mbio\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Eixo de comando","seo":"rvore-secundria-transmisso-eixo-de-comando","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Eixo de comando\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Eixo de comando\"","active":0,"first":0,"last":1}]},"aplicacaoMotoGrupo":{"buckets":[{"val":"Motor","seo":"motor","count":34,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Motor\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoGrupo:\"Motor\"","active":0,"first":1,"last":0},{"val":"Roda","seo":"roda","count":26,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Roda\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoGrupo:\"Roda\"","active":0,"first":0,"last":0},{"val":"Suspens\u00e3o","seo":"suspenso","count":27,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Suspens\u00e3o\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoGrupo:\"Suspens\u00e3o\"","active":0,"first":0,"last":0},{"val":"Transmiss\u00e3o","seo":"transmisso","count":38,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Transmiss\u00e3o\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoGrupo:\"Transmiss\u00e3o\"","active":0,"first":0,"last":1}]},"aplicacaoMotoModelos":{"buckets":[{"val":"ADDRESS AE","seo":"address-ae","count":6,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"ADDRESS AE\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"ADDRESS AE\"","active":0,"first":1,"last":0},{"val":"ADDRESS V","seo":"address-v","count":3,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"ADDRESS V\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"ADDRESS V\"","active":0,"first":0,"last":0},{"val":"AN","seo":"an","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"AN\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"AN\"","active":0,"first":0,"last":0},{"val":"BIZ","seo":"biz","count":11,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"BIZ\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"BIZ\"","active":0,"first":0,"last":0},{"val":"BIZ C","seo":"biz-c","count":10,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"BIZ C\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"BIZ C\"","active":0,"first":0,"last":0},{"val":"BURGMAN","seo":"burgman","count":4,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"BURGMAN\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"BURGMAN\"","active":0,"first":0,"last":0},{"val":"C","seo":"c","count":9,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"C\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"C\"","active":0,"first":0,"last":0},{"val":"CB","seo":"cb","count":19,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CB\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"CB\"","active":0,"first":0,"last":0},{"val":"CBR","seo":"cbr","count":8,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CBR\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"CBR\"","active":0,"first":0,"last":0},{"val":"CBX","seo":"cbx","count":31,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CBX\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"CBX\"","active":0,"first":0,"last":0},{"val":"CG","seo":"cg","count":29,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CG\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"CG\"","active":0,"first":0,"last":0},{"val":"COMET","seo":"comet","count":4,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"COMET\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"COMET\"","active":0,"first":0,"last":0},{"val":"CR","seo":"cr","count":1,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CR\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"CR\"","active":0,"first":0,"last":0},{"val":"CRF","seo":"crf","count":3,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CRF\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"CRF\"","active":0,"first":0,"last":0},{"val":"CRYPTON","seo":"crypton","count":11,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CRYPTON\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"CRYPTON\"","active":0,"first":0,"last":0},{"val":"CTX","seo":"ctx","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CTX\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"CTX\"","active":0,"first":0,"last":0},{"val":"Citycom","seo":"citycom","count":1,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Citycom\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoModelos:\"Citycom\"","a<!doctype html>
<html lang="pt-br">
  <head>
    <!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">


   <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-N3JCF2F');</script>
  <!-- End Google Tag Manager -->
  
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3JCF2F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

  <meta name="robots" content="index, follow" /> 
  
  
    <meta name="google-site-verification" content="8UM-KkvdjcrzkqgmganuI7FgkKkUuVtqA41TiSWj0n0" />
  
  
  
  

  
      <script src="https://www.marketformation.com.br/cdn/vendor/jquery/jquery.min.3.6.0.js"></script>
    
      <script src="https://www.marketformation.com.br/cdn/vendor/bootstrap5/bootstrap.bundle.min.js"></script>
  
      <script src="https://www.marketformation.com.br/cdn/vendor/htmx/htmx.min.js"></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/htmx/_hyperscript.min.js"></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/htmx/client-side-templates.js"></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/mustache-js/mustache.4.2.0.js"></script>
 
      <script src="https://www.marketformation.com.br/cdn/vendor/alpine/component.min.js" defer></script>
      <script src="https://unpkg.com/@alpinejs/intersect@3.x.x/dist/cdn.min.js" defer></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/alpine/alpine3.min.js" defer></script>
   
    <script src="https://www.google.com/recaptcha/api.js?render=6Lffe1MdAAAAALNl_DqF9-ByFDjRL_-HBqwwpn5I"></script>
    <style type="text/css">
      .grecaptcha-badge {
        z-index: 999;
        width: 60px !important;
        height: 60px !important;
        overflow: hidden !important;
        transition: all 0.3s ease !important;
        left: 4px !important;
        display:none !important;
      }
      .grecaptcha-badge:hover {
        width: 256px !important;
      }
    </style>
   
  
    
    <link href="https://www.marketformation.com.br/cdn/vendor/daisyui/full.css" rel="stylesheet" type="text/css" />
    
      <link href="https://www.marketformation.com.br/cdn/vendor/tailwind/tailwind.2.2.min.css" rel="stylesheet" type="text/css"  />
    
    
    

      <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
    
    
  
  
    <script src="https://www.marketformation.com.br/cdn/vendor/Mask-Plugin/dist/jquery.mask.min.js" defer></script>
    <script>
    $(document).ready(function(){
      $('.date').mask('00/00/0000');
      $('.time').mask('00:00:00');
      $('.date_time').mask('00/00/0000 00:00:00');
      $('.cep').mask('00000-000');
      $('.phone').mask('0000-0000');
      $('.phone_with_ddd').mask('(00) 00000-0000');
      $('.phone_full').mask('+00 (00) 00000-0000');
      $('.phone_us').mask('(000) 000-0000');
      $('.mixed').mask('AAA 000-S0S');
      $('.cpf').mask('000.000.000-00', {reverse: true});
      $('.cnpj').mask('00.000.000/0000-00', {reverse: true});
      $('.money').mask('000.000.000.000.000,00', {reverse: true});
      $('.money2').mask("#.##0,00", {reverse: true});
      $('.ip_address').mask('0ZZ.0ZZ.0ZZ.0ZZ', {
        translation: {
          'Z': {
            pattern: /[0-9]/, optional: true
          }
        }
      });
      $('.ip_address').mask('099.099.099.099');
      $('.percent').mask('##0,00%', {reverse: true});
      $('.clear-if-not-match').mask("00/00/0000", {clearIfNotMatch: true});
      $('.placeholder').mask("00/00/0000", {placeholder: "__/__/____"});
      $('.fallback').mask("00r00r0000", {
          translation: {
            'r': {
              pattern: /[\/]/,
              fallback: '/'
            },
            placeholder: "__/__/____"
          }
        });
      $('.selectonfocus').mask("00/00/0000", {selectOnFocus: true});
    });
    </script>   
  
       <script src="https://www.marketformation.com.br/cdn/vendor/floating-wpp/floating-wpp.min.js" defer></script>
       <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/floating-wpp/floating-wpp.min.css">
       <script type="text/javascript">
            $(function () {
                $('.floating-wpp').floatingWhatsApp({
                    phone: '551120900644',
                    popupMessage: 'Bem vindo, em que posso ajudar ?',
                    showPopup: false,
                    position: 'right',
                    autoOpen: false,
                    //autoOpenTimer: 4000,
                    message: '',
                    headerColor: '#000000',
                    headerTitle: 'PPK Motopeças | Importadora e Distribuidora de Motopeças',
                    //size: '24px',
                });
            });
        </script>
  
       <script src="https://www.marketformation.com.br/cdn/vendor/highlight/highlight.js" defer></script>
       <script type="text/javascript">
        htmx.on("htmx:afterRequest", function(evt) {
          //console.log("Request Done!");
          var $query   = $(".search-helper");
          var $content = $(".contentHelperHighlight");
          var searchTerm = $query.val();
            
          $content.removeHighlight();
        
          if ( searchTerm ) {
            $content.highlight( searchTerm );
          }
        });
      </script>
    
   
    
    <script src="https://www.marketformation.com.br/cdn/vendor/jquery-zoom/jquery.zoom.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        function isMobile() {
          return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
        }
        
        if (!isMobile()) {
          setTimeout( function() 
          {
            $('#main-picture').zoom({
              magnify: 1.2,
              duration: 200,
              on: 'grab'
            });
          }, 100);
        }else{
          $('#zoom-caption').hide();
        }
      });
    </script>
    <script type="text/javascript">
      htmx.on("htmx:afterRequest", function(evt) {
        //console.log("Request Done!");
        $('#main-picture').zoom({
          magnify: 1.2,
          duration: 200,
          on: 'grab'
        });
      });
    </script>
   
      <script src="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.carousel.min.js"></script>
      <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.carousel.min.css"/>
      <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.theme.default.min.css"/>
    
    <script src="https://www.marketformation.com.br/cdn/vendor/lazy.load/lazyload.js"></script>
    <script type="text/javascript">
      $(function() {
        $("img.lazyload").lazyload({
             effect: "fadeIn",
             effectspeed: 500,
             load : function()
             {
                // Callback here
             }
           });
           
        $("button.changeImg").click(function(){
          var div = $(this).closest("div.relative"), //Div onde estão as imagens
              active = div.find("img.active");       //Imagem que está sendo mostrada no momento
          active.next("img").trigger('appear');      //Carregar a imagem pelo trigger do LazyLoad
        });
      });
    </script>
    
    <script type="text/javascript">
      htmx.on("htmx:afterRequest", function(evt) {
        $("html,body").trigger("scroll");
      });
    </script>
    
    
    <script type="text/javascript">
      $(document).ready(function ($) {
          var url = window.location.href;
          var activePage = url;
          $('#services a').each(function () {
              var linkPage = this.href;
      
              if (activePage == linkPage) {
                  $(this).addClass("active");
              }
          });
      });
    </script>
  
    <link rel="shortcut icon" href="/favicon/ppkrolemak.png" />
  
  

    <script src="https://www.marketformation.com.br/cdn/vendor/selectize/selectize.js"></script>
    <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/selectize/selectize.min.css"/>
      
    
    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.3/js/standalone/selectize.js" integrity="sha512-pF+DNRwavWMukUv/LyzDyDMn8U2uvqYQdJN0Zvilr6DDo/56xPDZdDoyPDYZRSL4aOKO/FGKXTpzDyQJ8je8Qw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>-->
    <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.3/css/selectize.bootstrap4.min.css" integrity="sha512-MMojOrCQrqLg4Iarid2YMYyZ7pzjPeXKRvhW9nZqLo6kPBBTuvNET9DBVWptAo/Q20Fy11EIHM5ig4WlIrJfQw==" crossorigin="anonymous" referrerpolicy="no-referrer" />-->



<link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/mf/default.css"/>

<!-- Loading Head Website -->
<!--<link rel="preconnect" href="https://fonts.googleapis.com">-->
<!--<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>-->
<!--<link href="https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,400;0,776;1,600;1,800&display=swap" rel="stylesheet">-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Exo:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">


<style>
  body{ font-family: 'Exo', sans-serif; }
 .bg-gradient {
  background-color: #F1F1F1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23F1F1F1'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23f8f8f8'/%3E%3Cstop offset='1' stop-color='%23F1F1F1'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg %3E%3Cg transform='translate(0 75)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(-259.2 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.2' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;}
</style>    <title></title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    
    <!-- Open Graph Protocol -->
    <meta property="og:title" content="" />
    <meta property="og:type" content="website" />
    <meta property="og:description" content="" />
    <meta property="og:url" content="https://www.yourwebsite.com/"/>
    <meta property="og:site_name" content="Your Website Name"/>

    <!-- Optional: Define a locale for your content -->
    <meta property="og:locale" content="pt_BR" />
    
  </head>
 <body x-cloak x-data="{ cartOpen: false , menuOpen: false, filtersOpen: false, menu_underline: '' }" class="text-gray-700">
     <div class="bg-gradient h-full">
       <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3JCF2F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<!-- Loading Header Website -->
<div class="h-0.5 relative overflow-hidden">
  <div class="w-full h-full bg-gray-100 absolute"></div>
  <div id="bar" class="h-full bg-yellow-500 rounded-full relative w-0"></div>
</div>

<div class=" bg-red-700" id="header"> 
<!------------------------------------------------------------------------------------------
TOP HEADER
------------------------------------------------------------------------------------------>
<div class="hidden lg:block">
<div class="container lg:px-5 px-2 md:pt-2 mx-auto space-y-1 lg:space-y-0 lg:flex lg:items-center lg:justify-center lg:space-x-10 relative h-8">
  
  <!--Menu Fast-->
  <div class="flex">
        <div class="grid grid-flow-col items-center divide-x border-red-500 divide-red-500">
          <div class="text-xs px-4 text-center transition duration-200 text-gray-100 hover:underline transition duration-300">
            <a href="/representantes" target="_parent"><i class="fas fa-users"></i> Representantes </a>
          </div>
          <div class="text-xs px-4 text-center transition duration-200 text-gray-100 hover:underline transition duration-300">
            <a href="/contato" target="_parent"><i class="fas fa-id-card"></i> Contato </a>
          </div>
          <div class="text-xs px-4 text-center transition duration-200 text-gray-100 hover:underline transition duration-300">
            <a href="/quem-somos" target="_parent"><i class="fas fa-briefcase"></i> Quem somos </a>
          </div>
      </div>
  </div>
  
  <!--Menu Fast-->
  <!--Contact-->
  <div class="flex absolute right-0 pr-5">
      <div class="text-xs transition duration-200 text-gray-100 hover:underline">
        <span>
          <a target="_blank" href="https://api.whatsapp.com/send?phone=551120900644">
          <i class="fab fa-whatsapp fa-lg fa-fw"></i> (11) 2090-0644 / 2090-0640</a>
          </span>
      </div>
  </div>
  
</div>
</div>


<!------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------------>
<div class="hidden lg:block">
  <div class="container lg:px-5 px-2 py-4 mx-auto space-y-1 lg:space-y-0 lg:flex lg:items-center lg:justify-between lg:space-x-10">
   
  <!--Logotipo-->
  <div class="flex">
    <a href="/motopecas">
      <span class="sr-only">PPK Motoparts</span>
      <img class="" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" title="PPK Motoparts" width="100" height="" alt="ppk motoparts logo 2">
    </a>
  </div>
  
  <!--Search-->
  <div class="flex lg:flex-1">
      <div class="w-full">
        <form id="search-form" action="/busca" method="GET" class="w-full">
          <div class="flex">
            <div class="relative w-full">
              
            	<input input id="search" autocomplete="off" name="q" value="" autofocus
            	       class="border border-1 h-10 border-gray-300 placeholder-gray-500 focus:border-green-600 text-gray-600 flex-shrink autoComplete flex-grow flex-auto w-full rounded-l flex-1 placeholder-opacity-50 text-lg px-3 relative focus:outline-none focus:border-transparent">
          	 </div>
        	   
        		<div class="flex -mr-px">
        			<button type="submit" class="flex items-center px-5 bg-green-600 border border-l-0 border-green-700 text-white rounded-r text-sm">
        			  <i class="fas fa-search"></i>
        			</button>
        		</div>
        		
            </div>
        </form>
        
      </div>
  </div>
  
  <!--Services-->
  <div class="flex" id="services">
    <div class="grid grid-flow-col items-center justify-between space-x-1 divide-x border-red-500 divide-red-500">
     
       <div class="flex">
        <a href="/minha-conta" class="flex items-center justify-between space-x-1 transition duration-200 text-gray-100 hover:underline transition duration-300">
        <div class="flex ml-2">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z" />
            </svg>
         </div>
         <div class="flex">
           <span class="leading-none text-xs">Fazer <br> Login</span>
         </div>
         </a>
       </div> 
    
     
     
     
    </div>
  </div>
</div>
</div>

<!------------------------------------------------------------------------------
Mobile
------------------------------------------------------------------------------------------>
<div class="lg:hidden">
    
  
  <div class="container mx-auto flex items-center justify-between py-3 space-x-4">
  
    <!--Menu-->
    <div class="flex">
      <button @click="menuOpen = !menuOpen" type="button" class="transition duration-200 text-gray-100 hover:underline mx-3 mt-1">
        <!-- Heroicon name: outline/menu -->
        <svg class="h-8 w-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
        </svg>
      </button>
      <div class="absolute top-0 inset-x-0 p-2 h-screen w-10/12 transition-all duration-100 transform origin-top-left z-50" x-show="menuOpen">
        <div class="rounded-lg shadow-m bg-opacity-40 border-b border-text-white bg-green-800 border-b border-green-900 bg-opacity-100 ring-1 ring-black ring-opacity-5 overflow-hidden" @click.away=" menuOpen = false">
          <div class="px-5 pt-4 flex items-center justify-between">
            <div>
              <a href="/motopecas"><img class="h-6 w-auto" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" alt="PPK Motoparts" title="PPK Motoparts"></a>
            </div>
            <div class="-mr-2">
              <button @click="menuOpen = !menuOpen" type="button" class="rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500">
                <svg class="h-8 w-8 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                </svg>
              </button>
            </div>
          </div>
          <div class="px-2 pt-2 pb-3 space-y-1">
              <a href="/busca" class="block px-3 py-2 rounded-md text-base font-medium transition duration-200 transition duration-200 text-gray-100 hover:underline">
                  <div class="flex items-center flex-row">
                      <div class="px-1 w-6"></div>
                      <div>Todos os Produtos</div>
                  </div>
              </a>
              <a href="/categorias" class="block px-3 py-2 rounded-md text-base font-medium transition duration-200 transition duration-200 text-gray-100 hover:underline">
                  <div class="flex items-center flex-row">
                      <div class="px-1 w-6"></div>
                      <div>Categorias</div>
                  </div>
              </a>
          </div>
        </div>
      </div>
    </div>
      
    <!--Logotipo-->
    <div class="flex flex-1">
      <a href="/motopecas">
        <span class="sr-only">PPK Motoparts</span>
        <img class="" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" title="PPK Motoparts" width="100" height="" alt="PPK Motoparts">
      </a>
    </div>
    
     <!--User-->
    <div class="flex">
       <a href="/minha-conta" 
          class="transition duration-200 text-gray-100 hover:underline mx-3 mt-1">
        <!-- Heroicon name: outline/menu -->
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" viewBox="0 0 20 20" fill="currentColor" stroke="">
          <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
        </svg>
      </a>
    </div> 
    
    <!--cart-->
    
  </div>
  
  <!--Search-->
  <div class="container mx-auto flex items-center justify-between">
  <div class="px-3 mb-3 w-full">
    <div class="relative ">
      <form action="/busca" method="GET">
    	<div class="flex">   
        	<div class="relative w-full">
        	   <input id="search-mobile" autocomplete="off" name="q" value="" autofocus
                	  class="border border-1 h-10 border-gray-300 placeholder-gray-500 focus:border-green-600 text-gray-600 flex-shrink autoComplete flex-grow flex-auto w-full rounded-l flex-1 placeholder-opacity-50 text-sm px-3 relative focus:outline-none focus:border-transparent">
        	</div>
        	<div class="flex -mr-px">
            	<button type="submit" class="flex items-center px-5 bg-green-600 border border-l-0 border-green-700 text-white rounded-r text-sm">
            		<i class="fas fa-search"></i>
            	</button>
        	</div>
        </div>
    	</form>
    </div>
  </div>
  </div>

</div>

</div>
       <div class="bg-green-800 border-b border-green-900" id="menu">

<div hx-ext="client-side-templates">

    <div 
         hx-get="https://www.marketformation.com.br/meili/menu/categories/?filter=segmentoID:6&sort=categoriaOrdem%20Asc"
         hx-trigger="load"
         hx-swap="innerHTML"
         hx-target="#response-menu-ppkrolemak"
         mustache-template="menu-ppkrolemak"
    >
    </div>
    
    <template id ="menu-ppkrolemak">
        <div class="flex" x-data="{ sortModelo: new URLSearchParams(document.location.search) }">
           <div class="flex items-center flex-row space-x-2 xl:space-x-6 divide-x divide-green-600 -ml-6">
              {{#rows}} 
                 <a title="{{categoriaNome}}" 
                    :href="sortModelo.has('sort') || sortModelo.has('sortName') 
                    ? `/motopecas/{{categoriaSEO}}?filter=categoriaNome:&#34;{{categoriaNome}}&#34;&title={{categoriaNomeCompleto}}&sort=${sortModelo.get('sort')}&sortName=${sortModelo.get('sortName')}`
                    : '/motopecas/{{categoriaSEO}}?filter=categoriaNome:&#34;{{categoriaNome}}&#34;&title={{categoriaNomeCompleto}}'" class="pl-6 py-1 text-sm font-semibold uppercase font-extrabold text-white hover:text-green-200 transition duration-300">{{categoriaNome}}</a>
              {{/rows}}
           </div>
        </div>
    </template>
</div>


<div class="hidden lg:block">
    <div class="container lg:px-5 px-2 mx-auto flex justify-left content-center items-stretch py-2">
        <div class="flex flex-row space-x-2 xl:space-x-6 divide-x divide-green-600 h-7">
           
            <div id="response-menu-ppkrolemak"></div>
            
            <!-- Carteira Clientes -->
        </div>
    </div>
</div>
 

















</div>
                     <div class="mx-auto container px-2 my-1 min-h-container lg:px-5" x-data="{display: '', source: 'showcase', showDetail: false, showApplication: false }" 
x-init="0 > 0 ? display='list' : display='grid' ">

<!--- Filters Mobile ---->
 <div class="lg:hidden">
  <div :class="filtersOpen ? '-translate-x-0 ease-in' : '-translate-x-full ease-out'" class="fixed left-0 top-0 max-w-sm w-full h-full px-6 py-4 transition duration-300 transform overflow-y-auto bg-white text-gray-900  border-r-2 border-gray-300 z-20">
    <div class="flex items-center justify-between">
      <h3 class="text-2xl font-medium text-white">Filtros</h3>
      <button @click="filtersOpen = !filtersOpen" class="text-gray-600 focus:outline-none">
        <svg class="h-5 w-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M6 18L18 6M6 6l12 12"></path></svg>
      </button>
    </div>
    <hr class="my-3">
    <!------ Filter Mobile ------->
    <nav class="flex-1  overflow-y-hidden">
      <ul class=" pr-2 mt-3 space-y-1 overflow-y-auto divide-y divide- neumorphism-shadow">
        
      <li>
          <!---------- #Category ---------->
          <div x-data="{ showCollapseFilterCategory: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterCategory=!showCollapseFilterCategory">
        <span class="font-medium text-lg font-bold">Categoria</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterCategory" x-show="showCollapseFilterCategory">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Caixa de Direção&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixa de Direção <span class="ml-1 text-xs">(15)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Pedal de Câmbio&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Pedal de Câmbio <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Pedal de Partida&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Pedal de Partida <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Rolamento de Moto&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Rolamento de Moto <span class="ml-1 text-xs">(51)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Virabrequim&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Virabrequim <span class="ml-1 text-xs">(16)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Category ---------->
      </li>
        
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterMaker: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterMaker=!showCollapseFilterMaker">
        <span class="font-medium text-lg font-bold">Montadoras</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterMaker" x-show="showCollapseFilterMaker">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Dafra&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Dafra <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;" class="flex items-center font-bold text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-check-square mr-1"></i> Honda <span class="ml-1 text-xs">(95)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Kasinski&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Kasinski <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Sundown&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sundown <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Suzuki&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suzuki <span class="ml-1 text-xs">(26)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Yamaha&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Yamaha <span class="ml-1 text-xs">(30)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterGroup: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterGroup=!showCollapseFilterGroup">
        <span class="font-medium text-lg font-bold">Grupo</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterGroup" x-show="showCollapseFilterGroup">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Motor&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Motor <span class="ml-1 text-xs">(34)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Roda&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Roda <span class="ml-1 text-xs">(26)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suspensão <span class="ml-1 text-xs">(27)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Transmissão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Transmissão <span class="ml-1 text-xs">(38)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <!---->
      <!--<li>-->
        <!---------- #Application ---------->
      <!--  </*?php echo View::factory('v1/product/showcase/_website/'.$website.'/_filters/subgroup');?*/>-->
        <!---------- /Application ----------> 
      <!--</li>-->
      <!---->
      
      <!---->
      <!--<li>-->
        <!---------- #Application ---------->
      <!--  </*?php echo View::factory('v1/product/showcase/_website/'.$website.'/_filters/motorcycle');?*/>-->
        <!---------- /Application ----------> 
      <!--</li>-->
      <!---->
      
      <li>
          <!---------- #Brand ---------->
          <div x-data="{ showCollapseFilterBrand: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterBrand=!showCollapseFilterBrand">
        <span class="font-medium text-lg font-bold">Marca</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterBrand" x-show="showCollapseFilterBrand">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoMarca:&quot;MAK&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoMarca:&quot;MAK M3&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK M3 <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoMarca:&quot;PPK&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> PPK <span class="ml-1 text-xs">(82)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Brand ---------->
      </li>
        
      <li>
        <!---------- #Packing ---------->
        <div x-data="{ showCollapseFilterPacking: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterPacking=!showCollapseFilterPacking">
        <span class="font-medium text-lg font-bold">Embalagem</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterPacking" x-show="showCollapseFilterPacking">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Caixinha Individual&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixinha Individual <span class="ml-1 text-xs">(77)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Industrial&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Industrial <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Plástico&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Plástico <span class="ml-1 text-xs">(13)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Packing ---------->
      </li>
      
        
      </ul>
   </nav>
  </div>
</div><!--- Filters Mobile ---->

<div class="grid grid-cols-6 gap-4">
    <!------- #Filtros  ------->
    <div class="hidden lg:block">
  <nav class="flex-1 max-h-full overflow-y-hidden">
    <ul class="max-h-full pr-1 space-y-1 overflow-y-auto divide-y divide- neumorphism-shadow">
    
    
      <li>
          <!---------- #Category ---------->
          <div x-data="{ showCollapseFilterCategory: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterCategory=!showCollapseFilterCategory">
        <span class="font-medium text-lg font-bold">Categoria</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterCategory" x-show="showCollapseFilterCategory">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Caixa de Direção&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixa de Direção <span class="ml-1 text-xs">(15)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Pedal de Câmbio&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Pedal de Câmbio <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Pedal de Partida&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Pedal de Partida <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Rolamento de Moto&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Rolamento de Moto <span class="ml-1 text-xs">(51)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Virabrequim&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Virabrequim <span class="ml-1 text-xs">(16)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Category ---------->
      </li>
        
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterMaker: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterMaker=!showCollapseFilterMaker">
        <span class="font-medium text-lg font-bold">Montadoras</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterMaker" x-show="showCollapseFilterMaker">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Dafra&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Dafra <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;" class="flex items-center font-bold text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-check-square mr-1"></i> Honda <span class="ml-1 text-xs">(95)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Kasinski&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Kasinski <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Sundown&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sundown <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Suzuki&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suzuki <span class="ml-1 text-xs">(26)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Yamaha&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Yamaha <span class="ml-1 text-xs">(30)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterModels: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterModels=!showCollapseFilterModels">
        <span class="font-medium text-lg font-bold">Modelos</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterModels" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterModels" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterModels" x-show="showCollapseFilterModels">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;ADDRESS AE&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> ADDRESS AE <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;ADDRESS V&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> ADDRESS V <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;AN&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> AN <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;BIZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BIZ <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;BIZ C&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BIZ C <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;BURGMAN&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BURGMAN <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;C&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> C <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CB&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CB <span class="ml-1 text-xs">(19)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CBR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CBR <span class="ml-1 text-xs">(8)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CBX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CBX <span class="ml-1 text-xs">(31)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CG&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CG <span class="ml-1 text-xs">(29)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;COMET&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> COMET <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CR <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CRF&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CRF <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CRYPTON&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CRYPTON <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CTX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CTX <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;Citycom&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Citycom <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;DL&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DL <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;DRZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DRZ <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;DT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DT <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;Elite&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Elite <span class="ml-1 text-xs">(12)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;FAZER&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> FAZER <span class="ml-1 text-xs">(8)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;Fourtrax&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Fourtrax <span class="ml-1 text-xs">(17)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;GS&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GS <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;GSR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GSR <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;GSX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GSX <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;INTRUDER&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> INTRUDER <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;KANSAS&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> KANSAS <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;KATANA&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> KATANA <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;LETS II&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> LETS II <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;LT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> LT <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;M&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> M <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;MARAUDER&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MARAUDER <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;MIRAGE&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MIRAGE <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;N&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> N <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;NEO AT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NEO AT <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;NMAX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NMAX <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;NR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NR <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;NX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NX <span class="ml-1 text-xs">(17)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;NX-4&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NX-4 <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;NXR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NXR <span class="ml-1 text-xs">(27)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;PCX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> PCX <span class="ml-1 text-xs">(16)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;POP&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> POP <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;RD&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RD <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;RDZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RDZ <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;RM&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RM <span class="ml-1 text-xs">(8)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;RMX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RMX <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;RX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RX <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;TT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> TT <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;VT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> VT <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;WEB&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> WEB <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;WIND&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> WIND <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XF&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XF <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XL&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XL <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XLR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLR <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XLS&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLS <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XLX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLX <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XR <span class="ml-1 text-xs">(19)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XRE&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XRE <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XT <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XTZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XTZ <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;YBR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YBR <span class="ml-1 text-xs">(12)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;YS&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YS <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;YZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YZ <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;ZIG&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> ZIG <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterGroup: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterGroup=!showCollapseFilterGroup">
        <span class="font-medium text-lg font-bold">Grupo</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterGroup" x-show="showCollapseFilterGroup">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Motor&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Motor <span class="ml-1 text-xs">(34)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Roda&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Roda <span class="ml-1 text-xs">(26)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suspensão <span class="ml-1 text-xs">(27)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Transmissão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Transmissão <span class="ml-1 text-xs">(38)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <!---->
      <!--<li>-->
        <!---------- #Application ---------->
      <!--  </*?php echo View::factory('v1/product/showcase/_website/'.$website.'/_filters/application');?*/>-->
        <!---------- /Application ----------> 
      <!--</li>-->
      <!---->
      
      <li>
          <!---------- #Brand ---------->
          <div x-data="{ showCollapseFilterBrand: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterBrand=!showCollapseFilterBrand">
        <span class="font-medium text-lg font-bold">Marca</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterBrand" x-show="showCollapseFilterBrand">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoMarca:&quot;MAK&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoMarca:&quot;MAK M3&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK M3 <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoMarca:&quot;PPK&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> PPK <span class="ml-1 text-xs">(82)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Brand ---------->
      </li>
        
      <li>
        <!---------- #Packing ---------->
        <div x-data="{ showCollapseFilterPacking: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterPacking=!showCollapseFilterPacking">
        <span class="font-medium text-lg font-bold">Embalagem</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterPacking" x-show="showCollapseFilterPacking">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Caixinha Individual&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixinha Individual <span class="ml-1 text-xs">(77)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Industrial&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Industrial <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Plástico&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Plástico <span class="ml-1 text-xs">(13)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Packing ---------->
      </li>
      
      
    </ul>
  </nav>
</div>    <!------- /Filtros  ------->
    
    <div hx-ext="client-side-templates" class="col-span-6 lg:col-span-5">
      
        <!------ #Top ------>
        <div class="py-2 mt-1">
        <!---------- #Top ---------->
<div class="flex flex-col md:flex-row justify-between md:items-center">
  <div class="">
    <h1 class="text-base md:text-2xl font-bold text-gray-700">
              <span class="font-semibold">Lista de Produtos</span>
    </h1>
    <span class="text-sm">Mostrando <b>37</b> até <b>48</b> de um total de <b>95</b> produto(s)</span>
  </div>
  
  <!---------- #Ordenar ---------->
  <div class="relative" x-data="{ dropdown: false, url: new URLSearchParams('sort=produtoModelo:asc&amp;sortName=C%C3%B3digo%20A-Z&amp;filter=aplicacaoMotoMontadoras:%22Honda%22&amp;pagina=4&amp;offset=36'), href: '' }" 
       x-init="url.delete('sort'); url.delete('pagina'); url.delete('offset'); url.delete('limit'); href = url.toString(); href.length ? href = href + '&' : href = ''">
    <button @click="dropdown = !dropdown" 
            @keydown.escape="dropdown = false" 
            class="flex items-center">
      <span class="font-semibold">Código A-Z</span>
      <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.3 9.3a1 1 0 0 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 1.4-1.4l3.3 3.29 3.3-3.3z" class="heroicon-ui"></path></svg>
    </button>
    
    <ul x-transition x-show="dropdown" @click.away="dropdown = false"
        class="absolute font-normal bg-white shadow overflow-hidden rounded w-48 border mt-2 py-1 left-0 top-3 z-20 text-gray-900">
      <li>
        <a :href="'/busca?'+href+'sort=ecommerceNomeCompleto:desc&sortName=Nome Z-A'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down-alt"></i>
          <span class="ml-2">Nome Z-A</span>
        </a>
      </li>
      <li>
        <a :href="'/busca?'+href+'sort=ecommerceNomeCompleto:asc&sortName=Nome A-Z'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down"></i>
          <span class="ml-2">Nome A-Z</span>
        </a>
      </li>
      
      <li>
        <a :href="'/busca?'+href+'sort=produtoModelo:desc&sortName=Código Z-A'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down-alt"></i>
          <span class="ml-2">Código Z-A</span>
        </a>
      </li>
      <li>
        <a :href="'/busca?'+href+'sort=produtoModelo:asc&sortName=Código A-Z'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down"></i>
          <span class="ml-2">Código A-Z</span>
        </a>
      </li>
    </ul>
  </div>
  
  <!---------- /Ordenar ---------->
  
  
  <div class="flex items-center">
     <button class="md:hidden inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1" 
             id="filters" @click="filtersOpen = !filtersOpen">
     <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 24 24" fill="currentColor">  <path fill-rule="evenodd" d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z" clip-rule="evenodd" /></svg>
      <span>Filtro</span>
    </button>
    
    <button hx-post="/config/showcase" hx-swap="none" hx-include="[id='showcase_grid']"
            class="inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1 active" id="grid"
            @click="display = 'grid'" :class="{ 'text-white font-bold  rounded-full bg-gray-700': display === 'grid' }">
      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-current w-4 h-4 mr-2"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
      <span>Tabela</span>
      <input id="showcase_grid" type="hidden" name="configuracaoVitrine" value="1"/>
    </button>
    
    <button hx-post="/config/showcase" hx-swap="none" hx-include="[id='showcase_list']"
            class="inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1" id="list"
            @click="display = 'list'" :class="{ 'text-white font-bold rounded-full bg-gray-700': display === 'list' }">
      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-current w-4 h-4 mr-2"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
      <span>Lista</span>
      <input id="showcase_list" type="hidden" name="configuracaoVitrine" value="0"/>
    </button>
  </div>
 
</div>
<!---------- /Top ---------->        </div>
        <!------ /Top ------>
      
        <!---------- #Paginador ---------->
        <div class="my-2">
          <div class="flex justify-between items-center">

<div class="flex items-center justify-center">
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 rounded-l outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;pagina=3&amp;offset=24">
          <i class="fas fa-angle-left"></i>
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;pagina=1&amp;offset=0" :class="{'bg-gray-400 text-gray-700 font-bold': 1 === 4 }">
          1
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;pagina=2&amp;offset=12" :class="{'bg-gray-400 text-gray-700 font-bold': 2 === 4 }">
          2
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;pagina=3&amp;offset=24" :class="{'bg-gray-400 text-gray-700 font-bold': 3 === 4 }">
          3
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;pagina=4&amp;offset=36" :class="{'bg-gray-400 text-gray-700 font-bold': 4 === 4 }">
          4
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;pagina=5&amp;offset=48" :class="{'bg-gray-400 text-gray-700 font-bold': 5 === 4 }">
          5
        </a>
        <a class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border border-gray-200 bg-gray-100 px-4 py-2 rounded-r outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;pagina=5&amp;offset=48">
          <i class="fas fa-angle-right"></i>
        </a>
</div>

</div>
        </div>
        <!---------- /Paginador ---------->
        
        <!-------- #Produtos -------->
        <div id="productsDisplay" class="grid grid-flow-row mt-3 contentSearchHighlight" :class="{'grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 gap-1 sm:gap-3': display === 'grid', 'gap-2': display === 'list'}">
  <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2685" name="product_id" value="2685"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'mak-m3' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="mak-m3" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/mak-m3.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2685 > img').length-1;">
        <a id="gallery_2685" href="/produto/rolamento-da-transmisso-para-honda-titan-cg125150-bros-nxr125150-twister-cbx250-carter-esquerdo-pcx-150-1220-elite-125-rolamento-da-transmisso-para-honda-6204zzc3/2685" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2685.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-transmisso-para-honda-titan-cg125150-bros-nxr125150-twister-cbx250-carter-esquerdo-pcx-150-1220-elite-125-rolamento-da-transmisso-para-honda-6204zzc3/2685" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2685.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-transmisso-para-honda-titan-cg125150-bros-nxr125150-twister-cbx250-carter-esquerdo-pcx-150-1220-elite-125-rolamento-da-transmisso-para-honda-6204zzc3/2685 class="" title="
                Rolamento da Transmissão para Titan CG125 / 150, Bros NXR125 / 150, PCX 150
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6204-ZZC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Transmissão para Titan CG125 / 150, Bros NXR125 / 150, PCX 150
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2685']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="mak-m3" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak-m3.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_79" name="product_id" value="79"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_79 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_79" href="/produto/rolamento-do-virabrequim-yamaha-t105e---cryptonybr125-factor125-xtz125-diresq-rolamento-do-virabrequim-yamaha-62052rsc3green/79" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/79.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53645/53645.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-virabrequim-yamaha-t105e---cryptonybr125-factor125-xtz125-diresq-rolamento-do-virabrequim-yamaha-62052rsc3green/79" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/79.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-yamaha-t105e---cryptonybr125-factor125-xtz125-diresq-rolamento-do-virabrequim-yamaha-62052rsc3green/79 class="" title="
                Rolamento do Virabrequim YBR125, Factor125, XTZ125 Dir/Esq
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6205-2RSC3 (GREEN)</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim YBR125, Factor125, XTZ125 Dir/Esq
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_79']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_53" name="product_id" value="53"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_53 > img').length-1;">
        <a id="gallery_53" href="/produto/rolamento-do-virabrequim-lado-esquerdo-honda-nxr-150-bros-0305-cbx200-strada-xr200--carter-ld-esquerdo-elite-125-rolamento-do-virabrequim-lado-esquerdo-honda-62072rsc3/53" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/53.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-virabrequim-lado-esquerdo-honda-nxr-150-bros-0305-cbx200-strada-xr200--carter-ld-esquerdo-elite-125-rolamento-do-virabrequim-lado-esquerdo-honda-62072rsc3/53" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/53.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-lado-esquerdo-honda-nxr-150-bros-0305-cbx200-strada-xr200--carter-ld-esquerdo-elite-125-rolamento-do-virabrequim-lado-esquerdo-honda-62072rsc3/53 class="" title="
                Rolamento Esquerdo do Virabrequim NXR 150 Bros 03&gt;05, CBX 200
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6207-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Esquerdo do Virabrequim NXR 150 Bros 03&gt;05, CBX 200
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_53']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1647595" name="product_id" value="1647595"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1647595 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_1647595" href="/produto/rolamento-do-virabrequim-lado-esquerdo-honda-bros-nxr150-0305-strada-cbx200-xr200--carter-ld-esquerdo-elite-125-rolamento-do-virabrequim-lado-esquerdo-honda-6207c3/1647595" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1647595.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="6207-C3 Rolamento Lado Esquerdo do Virabrequim" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50133/50133.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===2" title="6207-C3 Rolamento Lado Esquerdo do Virabrequim" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===2 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50134/50134.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===3" title="6207-C3 Rolamento Lado Esquerdo do Virabrequim" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===3 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50135/50135.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-virabrequim-lado-esquerdo-honda-bros-nxr150-0305-strada-cbx200-xr200--carter-ld-esquerdo-elite-125-rolamento-do-virabrequim-lado-esquerdo-honda-6207c3/1647595" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1647595.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-lado-esquerdo-honda-bros-nxr150-0305-strada-cbx200-xr200--carter-ld-esquerdo-elite-125-rolamento-do-virabrequim-lado-esquerdo-honda-6207c3/1647595 class="" title="
                Rolamento do Virabrequim Bros NXR 150 03&gt;05, CBX 200, Elite 125 - Ld Esquerdo
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6207-C3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim Bros NXR 150 03&gt;05, CBX 200, Elite 125 - Ld Esquerdo
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1679363" name="product_id" value="1679363"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1679363 > img').length-1;">
        <a id="gallery_1679363" href="/produto/rolamento-do-virabrequim-honda-pop-110i-biz-c125-06---lado-esquerdo-rolamento-do-virabrequim-honda-6322c18/1679363" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1679363.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-virabrequim-honda-pop-110i-biz-c125-06---lado-esquerdo-rolamento-do-virabrequim-honda-6322c18/1679363" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1679363.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-honda-pop-110i-biz-c125-06---lado-esquerdo-rolamento-do-virabrequim-honda-6322c18/1679363 class="" title="
                Rolamento Esquerdo do Virabrequim Pop 110I, Biz C125 06&gt;...
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">63/22 C18</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Esquerdo do Virabrequim Pop 110I, Biz C125 06&gt;...
            </h2>
            
            <p class="text-sm font-normal">
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1679363']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_14809" name="product_id" value="14809"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_14809 > img').length-1;">
        <a id="gallery_14809" href="/produto/rolamento-do-virabrequim-esquerdo-honda-biz125-kses-cr-80125--yamaha-yz-125--suzuki-rm125-rolamento-do-virabrequim-esquerdo-honda-6322c3/14809" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/14809.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-virabrequim-esquerdo-honda-biz125-kses-cr-80125--yamaha-yz-125--suzuki-rm125-rolamento-do-virabrequim-esquerdo-honda-6322c3/14809" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/14809.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-esquerdo-honda-biz125-kses-cr-80125--yamaha-yz-125--suzuki-rm125-rolamento-do-virabrequim-esquerdo-honda-6322c3/14809 class="" title="
                Rolamento do Virabrequim Esquerdo Biz 125 KS/ES | Yamaha YZ 125
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">63/22 C3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim Esquerdo Biz 125 KS/ES | Yamaha YZ 125
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_14809']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1980045" name="product_id" value="1980045"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1980045 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_1980045" href="/produto/rolamento-do-virabrequim-yamaha-neo-at115--125--sundown-future-125--dafra-smart-125-laser-150-rolamento-do-virabrequim-yamaha-6322152rs/1980045" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980045.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="Rolamento Rígido de Esferas" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53711/53711.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-virabrequim-yamaha-neo-at115--125--sundown-future-125--dafra-smart-125-laser-150-rolamento-do-virabrequim-yamaha-6322152rs/1980045" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980045.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-yamaha-neo-at115--125--sundown-future-125--dafra-smart-125-laser-150-rolamento-do-virabrequim-yamaha-6322152rs/1980045 class="" title="
                Rolamento do Virabrequim Yamaha Neo AT115 / 125, Dafra Smart 125, Laser 150
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">63/22-15-2RS</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim Yamaha Neo AT115 / 125, Dafra Smart 125, Laser 150
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_348" name="product_id" value="348"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_348 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_348" href="/produto/rolamento-de-roda-honda-biz-c100-9805-c100-dream-cg125-fantodaytitan-roda-dianteira-nxr125150-bros-03-rolamento-de-roda-honda-63012rsc3green/348" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/348.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53647/53647.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-honda-biz-c100-9805-c100-dream-cg125-fantodaytitan-roda-dianteira-nxr125150-bros-03-rolamento-de-roda-honda-63012rsc3green/348" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/348.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-honda-biz-c100-9805-c100-dream-cg125-fantodaytitan-roda-dianteira-nxr125150-bros-03-rolamento-de-roda-honda-63012rsc3green/348 class="" title="
                Rolamento de Roda Honda CG125 Fan/Today/Titan
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6301-2RSC3 (GREEN)</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Roda Honda CG125 Fan/Today/Titan
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_348']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2718" name="product_id" value="2718"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2718 > img').length-1;">
        <a id="gallery_2718" href="/produto/rolamento-da-transmisso-honda-pcx-150--160-elite-125-carter-lado-esquerdo-pcx-150-rolamento-da-transmisso-honda-6301zz/2718" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2718.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-transmisso-honda-pcx-150--160-elite-125-carter-lado-esquerdo-pcx-150-rolamento-da-transmisso-honda-6301zz/2718" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2718.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-transmisso-honda-pcx-150--160-elite-125-carter-lado-esquerdo-pcx-150-rolamento-da-transmisso-honda-6301zz/2718 class="" title="
                Rolamento da Transmissão PCX 150 / 160, Elite 125, Carter Lado Esquerdo PCX 150
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6301-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Transmissão PCX 150 / 160, Elite 125, Carter Lado Esquerdo PCX 150
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2718']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1777" name="product_id" value="1777"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1777 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_1777" href="/produto/rolamento-de-roda-traseira-para-honda-cg125-cg150-yamaha-xtz250-lander--roda-dianteira-cb300r-cbx250-twister--yamaha-fazer-250-rolamento-de-roda-traseira-para-honda-63022rsc3green/1777" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1777.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53648/53648.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-traseira-para-honda-cg125-cg150-yamaha-xtz250-lander--roda-dianteira-cb300r-cbx250-twister--yamaha-fazer-250-rolamento-de-roda-traseira-para-honda-63022rsc3green/1777" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1777.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-traseira-para-honda-cg125-cg150-yamaha-xtz250-lander--roda-dianteira-cb300r-cbx250-twister--yamaha-fazer-250-rolamento-de-roda-traseira-para-honda-63022rsc3green/1777 class="" title="
                Rolamento de Roda Traseira para Honda CG125 CG150 | Roda Dianteira Yamaha Fazer 250
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6302-2RSC3 (GREEN)</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Roda Traseira para Honda CG125 CG150 | Roda Dianteira Yamaha Fazer 250
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1777']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1778" name="product_id" value="1778"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1778 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_1778" href="/produto/rolamento-de-roda-traseira-honda-bros-nxr125-nxr150-ld-esquerdo-xlr125-xr200-xre190--kawasaki-ninja-250--300--suzuki-gs-500-rolamento-de-roda-traseira-honda-63032rsc3/1778" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1778.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53649/53649.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-traseira-honda-bros-nxr125-nxr150-ld-esquerdo-xlr125-xr200-xre190--kawasaki-ninja-250--300--suzuki-gs-500-rolamento-de-roda-traseira-honda-63032rsc3/1778" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1778.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-traseira-honda-bros-nxr125-nxr150-ld-esquerdo-xlr125-xr200-xre190--kawasaki-ninja-250--300--suzuki-gs-500-rolamento-de-roda-traseira-honda-63032rsc3/1778 class="" title="
                Rolamento de Roda Traseira Bros NXR125/150, XR200, Ninja 250/300, Suzuki GS500
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6303-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Roda Traseira Bros NXR125/150, XR200, Ninja 250/300, Suzuki GS500
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1778']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2720" name="product_id" value="2720"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2720 > img').length-1;">
        <a id="gallery_2720" href="/produto/rolamento-de-roda-traseira-honda-bros-nxr125-nxr150-xlr125-xr200-xre190--dafra-kansas150-rolamento-de-roda-traseira-honda-6303zz/2720" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2720.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-traseira-honda-bros-nxr125-nxr150-xlr125-xr200-xre190--dafra-kansas150-rolamento-de-roda-traseira-honda-6303zz/2720" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2720.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-traseira-honda-bros-nxr125-nxr150-xlr125-xr200-xre190--dafra-kansas150-rolamento-de-roda-traseira-honda-6303zz/2720 class="" title="
                Rolamento de Roda Traseira Bros NXR125, NXR150
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6303-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Roda Traseira Bros NXR125, NXR150
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2720']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>  
</div>        <div class="" style="background-color: rgba(0,0,0,0.5)" x-show="showDetail" :class="{ 'fixed inset-0 z-10 h-screen flex items-center justify-center py-16': showDetail }">
    <!--Dialog-->
    <div class="h-full bg-white w-11/12 sm:w-10/12 mx-auto rounded-lg shadow-lg text-left" x-show="showDetail" 
        @click.away="showDetail = false" 
        x-transition:enter="ease-out duration-300" 
        x-transition:enter-start="opacity-0 scale-90" 
        x-transition:enter-end="opacity-100 scale-100">
        <!--Title-->
        <div class="flex justify-between items-center py-3 border-b px-6">
            <p class="text-2xl font-bold">Detalhes do Produto</p>
            <div class="cursor-pointer z-50" @click="showDetail = false">
                <i class="fas fa-times fa-lg"></i>
            </div>
        </div>
        <!-- content -->
        <div id="detail_modal_preview" class="h-5/6 overflow-auto">
            <div class="htmx-indicator">
                <div class="h-full items-center justify-center flex">
                    <div class="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-300 divide-blue-300"></div>
                </div>
             </div>
            <div class="default-button">
                <div id="product_preview" class="flex flex-col justify-center shadow-inner py-3"></div>
            </div>
        </div>

        <!--Footer-->
        <div class="flex justify-end pt-2 px-6 border-t"></div>
    </div>
    <!--/Dialog -->
</div>

<!-- Modal Applications -->
<div class="" style="background-color: rgba(0,0,0,0.5)" x-show="showApplication" :class="{ 'fixed inset-0 z-10 h-screen flex items-center justify-center py-16': showApplication }">
    <!--Dialog-->
    <div class="bg-white w-11/12 md:w-6/12 mx-auto max-w-4xl rounded-lg shadow-lg text-left" x-show="showApplication" 
        @click.away="showApplication = false" 
        x-transition:enter="ease-out duration-300" 
        x-transition:enter-start="opacity-0 scale-90" 
        x-transition:enter-end="opacity-100 scale-100">
        <!--Title-->
        <div class="flex justify-between items-center py-3 px-6 text-gray-800">
            <p class="text-2xl font-bold text-green-600">Aplicações do Produto</p>
            <div class="cursor-pointer z-50" @click="showApplication = false">
                <i class="fas fa-times fa-lg"></i>
            </div>
        </div>
        <!-- content -->
        <div id="application_modal_preview" class="max-h-96 overflow-auto">
            <div class="htmx-indicator">
                <div class="h-full items-center justify-center flex">
                    <div class="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-300 divide-blue-300"></div>
                </div>
             </div>
            <div class="default-button">
                <div id="application_preview" class="flex flex-col justify-center shadow-inner py-3"></div>
            </div>
        </div>
        
        <!--Footer-->
        <div class="flex justify-end pt-2 px-6 border-t"></div>
    </div>
    <!--/Dialog -->
    
    <template id="templateApplicationsModal">
        <div class="grid grid-cols-1 md:grid-cols-2 px-5 gap-2 md:gap-4">
            {{#info}}
            <div class="flex justify-start items-center w-full rounded-md text-left bg-neutral-50">
                <div class="w-24 h-24 mr-4">
                    <img src="https://www.marketformation.com.br/cdn/motos/{{produtoModeloSEO}}.jpg" class="object-cover"/>
                </div>
                <div>
                    <p class="text-xs font-medium text-gray-400">{{produtoMontadora}}</p>
                    <p class="text-base font-semibold text-gray-600">{{produtoModelo}} {{produtoSubModelo}} {{produtoCaracteristica}} {{produtoAno}}</p>
                </div>
            </div>
            {{/info}}
        </div>
    </template>
    
</div>
<!-- / Modal Applications -->        <!-------- /Produtos -------->
        
        <!---------- #Paginador ---------->
        <div class="my-4">
          <div class="flex justify-between items-center">

<div class="flex items-center justify-center">
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 rounded-l outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;pagina=3&amp;offset=24">
          <i class="fas fa-angle-left"></i>
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;pagina=1&amp;offset=0" :class="{'bg-gray-400 text-gray-700 font-bold': 1 === 4 }">
          1
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;pagina=2&amp;offset=12" :class="{'bg-gray-400 text-gray-700 font-bold': 2 === 4 }">
          2
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;pagina=3&amp;offset=24" :class="{'bg-gray-400 text-gray-700 font-bold': 3 === 4 }">
          3
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;pagina=4&amp;offset=36" :class="{'bg-gray-400 text-gray-700 font-bold': 4 === 4 }">
          4
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;pagina=5&amp;offset=48" :class="{'bg-gray-400 text-gray-700 font-bold': 5 === 4 }">
          5
        </a>
        <a class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border border-gray-200 bg-gray-100 px-4 py-2 rounded-r outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;pagina=5&amp;offset=48">
          <i class="fas fa-angle-right"></i>
        </a>
</div>

</div>
        </div>
        <!---------- /Paginador ---------->
    </div>
    
</div>



</div>

<div id="alert-add" class="opacity-0 z-40">
  <div class="bg-green-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-green-600 w-5 h-5 sm:w-5 sm:h-5 mr-3" >
      <path fill="currentColor"
            d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"
      ></path>
    </svg>
    <span class="text-green-800">Produto <strong>adicionado</strong> no Carrinho!</span>
  </div>
</div>

<div id="alert-removed" class="opacity-0 z-40">
  <div class="bg-red-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-red-600 w-5 h-5 sm:w-5 sm:h-5 mr-3">
      <path fill="currentColor"
            d="M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"
      ></path>
    </svg>
    <span class="text-red-800">Produto <strong>removido</strong> do Carrinho!</span>
  </div>
</div>

<div id="alert-add-favorite" class="opacity-0 z-40">
  <div class="bg-green-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-green-600 w-5 h-5 sm:w-5 sm:h-5 mr-3" >
      <path fill="currentColor"
            d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"
      ></path>
    </svg>
    <span class="text-green-800">Produto <strong>adicionado</strong> aos Favoritos!</span>
  </div>
</div>

<div id="alert-remove-favorite" class="opacity-0 z-40">
  <div class="bg-red-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-red-600 w-5 h-5 sm:w-5 sm:h-5 mr-3">
        <path fill="currentColor"
              d="M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"
        ></path>
      </svg>
    <span class="text-red-800">Produto <strong>removido</strong> dos Favoritos!</span>
  </div>
</div> 
       <!-- Loading Footer Website -->
<div class="bg-red-700">
  <!------- Novidades ------->
  
  <div class="md:mt-20">
  <div class="container flex flex-col px-2 py-0 mx-auto">
    
    <!--Midia Social-->
    <div class="py-6 border-b mt-10 md:mt-0">
      <div class="flex flex-col md:flex-row space-x-5 items-center text-white">
        <div class="">
           <img class="h-4 w-auto md:h-6" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1">
        </div>
        <div class="flex-1 text-center px-5 lg:px-0">
          <span class="text-xs lg:text-base leading-none">Sua loja virtual para motopeças</span>
        </div>
        <div class="">
          <div class="flex justify-between items-center space-x-3">
              <a target="_blank" href="https://www.youtube.com/c/PPKMotoparts" class="transition duration-500" title="Ver página Youtube">
                 <i class="fab fa-youtube text-xl"></i>
              </a>
              <a target="_blank" href="https://www.instagram.com/ppkmotoparts/" class="transition duration-500" title="Ver página Instagram"> 
                <i class="fab fa-instagram text-xl"></i>
              </a>
              <a target="_blank" href="https://www.facebook.com/ppkmotoparts" class="transition duration-500"  title="Ver página Facebook">
                 <i class="fab fa-facebook text-xl"></i>
              </a>
          </div>
        </div>
        <div class="flex-1 text-right px-5 lg:px-0">
          <span class="text-xs lg:text-base leading-none">Atendimento de segunda a sexta das 8h00 às 17h45</span>
        </div>
        
      </div>
    </div>
    
    <!--Menus-->
    <div class="pb-3">
        <div class="flex gap-4">
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Políticas
              </div>
               <a href="/entrega" title="entrega" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Entrega</div>
                </div> 
              </a>
               <a href="/troca-devolucao" title="Trocas e Devoluções" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Trocas e Devoluções</div>
                </div> 
              </a>
               <a href="/privacidade" title="Política de Privacidade" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Privacidade</div>
                </div> 
              </a>
          </div>
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Institucional
              </div>
               <a href="/quem-somos" title="Quem Somos" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Quem Somos</div>
                </div> 
              </a>
               <a href="/onde-estamos" title="Lojas" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Onde Estamos</div>
                </div> 
              </a>
               <a href="/como-comprar" title="Como Comprar" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Como Comprar</div>
                </div> 
              </a>
               <a href="https://forms.gle/FNox6NYFCq17fYzn7" title="Avaliação NPS" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Avalie-nos</div>
                </div> 
              </a>
          </div>
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Mídia
              </div>
               <a href="https://www.youtube.com/c/PPKMotoparts" title="Vídeos" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Vídeos</div>
                </div> 
              </a>
               <a href="/catalogos-motopecas" title="Manuais e Catálogos" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Catálogos</div>
                </div> 
              </a>
          </div>
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Contato
              </div>
               <a href="/representantes" title="Representantes" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Representantes</div>
                </div> 
              </a>
               <a href="/contato" title="Contato" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Comercial PPK</div>
                </div> 
              </a>
          </div>
          </div>
  
        </div>
        
    <!--Categoria-->
    <div class="pb-3 border-t">
        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 text-xs">
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                  Caixa de Direção para Moto
              </div>
              <a href="/busca?q=biz&filter=categoriaNome:%22Caixa%20de%20Dire%C3%A7%C3%A3o%22" title="Caixa de Direção Biz 100" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Biz 100
              </a>
                <a href="/busca?q=biz&filter=categoriaNome:%22Caixa%20de%20Dire%C3%A7%C3%A3o%22" title="Caixa de Direção Biz 100" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Biz 125
              </a>
              <a href="/busca?q=H004" title="Caixa de Direção Bros 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Bros 150 
              </a>
              <a href="/busca?q=H001" title="Caixa de Direção Fan 125" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fan 125 
              </a>
              <a href="/busca?q=H001" title="Caixa de Direção Fazer 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fan 150
              </a>
              <a href="/busca?q=dire%C3%A7%C3%A3o+ys150+fazer" title="Caixa de Direção Fazer 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fazer 150
              </a>
              <a href="/busca?q=dire%C3%A7%C3%A3o+fazer+250" title="Caixa de Direção Fazer 250" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fazer 250
              </a>
              <a href="/busca?q=caixa+dire%C3%A7%C3%A3o+cg150" title=" Caixa de Direção Titan 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                  Pedal de Partida
              </div>
              <a href="/produto/pedal-partida-biz-c100-pop100-ppk-h304-ppk/1648773" title="Pedal de Partida Biz 100" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida Biz 100
              </a>
              <a href="/busca?q=pedal+partida+CG125" title="Pedal de Partida CG 125" class="my-1 block text-red-200 hover:underline">
               Pedal de Partida CG 125
              </a>
              <a href="/produto/pedal-partida-dt180-ppk-y302-ppk/1648772" title="Pedal de Partida DT 180" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida DT 180
              </a>
              <a href="/produto/pedal-de-partida-honda-cg125-titan-ks-es-fan-02-gt-04-cromado-ppk-h301-ppk/1648771" title="Pedal de Partida Fan 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida Fan 125
              </a>
              <a href="/produto/pedal-partida-biz-c100-pop100-ppk-h304-ppk/1648773" title="Pedal de Partida Pop 100" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida Pop 100
              </a>
              <a href="/busca?q=Pedal+Partida+CG150" title=" Pedal de Partida Titan 150" class="my-1 block text-red-200 hover:underline">
                  Pedal de Partida Titan 150
              </a>
              <a href="/produto/pedal-partida-ybr125-factor-ppk-y301-ppk/1648768" title="Pedal de Partida YBR 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida YBR 125
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                  Pedal de Câmbio
              </div>
              <a href="/produto/pedal-cambio-biz-c125-es-ks-ppk-h406-ppk/1648781" title="Pedal de Câmbio Biz 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Câmbio Biz 125
              </a>
              <a href="/busca?q=pedal+cambio+cg125" title="Pedal de Câmbio CG 125" class="my-1 block text-red-200 hover:underline">
                  Pedal de Câmbio CG 125
              </a>
              <a href="/produto/pedal-cambio-titan-cg150-ppk-h402-ppk/1648777" title="Pedal de Câmbio Titan 150" class="my-1 block text-red-200 hover:underline">
                Pedal de Câmbio Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                 Pedal de Marcha
              </div>
              <a href="/busca?q=BIZ%20C100&filter=categoriaNome:%22Pedal%20de%20C%C3%A2mbio%22" title="Pedal de Marcha Biz 100" class="my-1 block text-red-200 hover:underline">
                Pedal de Marcha Biz 100
              </a>
              <a href="/busca?q=pedal+cambio+cg125" title="Pedal de Marcha CG 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Marcha CG 125
              </a>
              <a href="/produto/pedal-de-cambio-honda-cg125-titan-ks-es-fan-cromado-ppk-h401-ppk/1648775" title="Pedal de Marcha Fan 125" class="my-1 block text-red-200 hover:underline">
                 Pedal de Marcha Fan 125
              </a>
              <a href="/produto/pedal-cambio-titan-cg150-ppk-h402-ppk/1648777" title="Pedal de Marcha Titan 150" class="my-1 block text-red-200 hover:underline">
               Pedal de Marcha Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                Rolamento de Moto
              </div>
              <a href="/busca?q=125" title="Rolamento de Moto 125" class="my-1 block text-red-200 hover:underline">
                Rolamento de Moto 125
              </a>
              <a href="/produto/rolamento-da-embreagem-honda-cg125-titan-fan-lado-direito-09-gt-cg150-titan-fan-04-gt-nxr150-bros-06-gt-cg160-titan-fan-nxr-160-bros-cg160-start-todos-t105e-crypton-eixo-comando-de-valvulas-direito-t115e-crypton-eixo-de-comando-ybr125-factor-125-eixo-de-comando-direito-xtz125-eixo-de-comando-esquerdo-6003-2rsc3-ppk/1646621" title="Rolamento Embreagem Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Embreagem Titan 150
              </a>
              <a href="produto/rolamento-de-roda-dianteira-traseira-para-yamaha-ybr125-factor-ys150-fazer-ys250-fazer-roda-dianteira-honda-cg125-titan-fan-6202-2rsc3-ppk/2818" title="Rolamento Roda Dianteira Fazer 250" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Dianteira Fazer 250
              </a>
              <a href="/produto/rolamento-de-roda-para-honda-pop110i-biz110i-roda-dianteira-pcx150-transmissao-cg150-fan-titan-biz-c100-c125-pop100-factor-125-nxr150-bros-yamaha-ybr125-6201-2rsc3-ppk/490" title="Rolamento Roda Dianteira PCX 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Dianteira PCX 150
              </a>
              <a href="/produto/rolamento-de-roda-honda-biz-c100-98-gt-05-c100-dream-cg125-fan-today-titan-roda-dianteira-nxr125-150-bros-03-gt-yamaha-roda-dianteira-factor-125-150-roda-traseira-crypton-105-6301-2rsc3-green-ppk/348" title="Rolamento Roda Dianteira Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Dianteira Titan 150
              </a>
              <a href="/produto/rolamento-rigido-de-esfera-6301-2rsc3-green-ppk/348" title="Rolamento Roda Traseira Biz 125" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Traseira Biz 125
              </a>
              <a href="/produto/rolamento-rigido-de-esferas-6303-2rsc3-ppk/1778" title="Rolamento Roda Traseira Bros 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Traseira Bros 150
              </a>
              <a href="/produto/rolamento-rigido-de-esferas-6302-2rsc3-green-ppk/1777" title="Rolamento Roda Traseira CG 150" class="my-1 block text-red-200 hover:underline">
               Rolamento Roda Traseira CG 150
              </a>
              <a href="/produto/rolamento-da-roda-traseira-para-honda-cg150-fan-cg150-titan-yamaha-factor125-150-ybr125-ys150-fazer-ys250-fazer-transmissao-xr200-cbx200-strada-6004-2rsc3-green-ppk/2814" title="Rolamento Roda Traseira Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Traseira Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
               Rolamento do Virabrequim
              </div>
              <a href="/produto/rolamento-do-virabrequim-honda-t105e-crypton-pop100-biz-c100-transmissao-cg160-titan-fan-start-6304-2rsc3-ppk/1646737" title="Rolamento do Virabrequim Biz 100" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Biz 100
              </a>
              <a href="/busca?q=Virabrequim+Biz+125" title="Rolamento do Virabrequim Biz 125" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Biz 125
              </a>
              <a href="/produto/rolamento-do-virabrequim-yamaha-ys250-fazer-06-gt-10-honda-cg-turuna-todos-os-modelos-cg125-titan-fan-todos-ate-1999-xls125-xlr125-todos-63-28-rsc3-ppk/14966" title="Rolamento do Virabrequim Fazer 250" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Fazer 250
              </a>
              <a href="/produto/rolamento-do-virabrequim-honda-t105e-crypton-pop100-biz-c100-transmissao-cg160-titan-fan-start-6304-2rsc3-ppk/1646737" title="Rolamento do Virabrequim Pop 100" class="my-1 block text-red-200 hover:underline">
               Rolamento do Virabrequim Pop 100
              </a>
              <a href="/busca?q=virabrequim+titan+cg150" title="Rolamento do Virabrequim Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Titan 150
              </a>
               <a href="/produto/rolamento-do-virabrequim-yamaha-t105e-crypton-ybr125-factor125-xtz125-dir-esq-transmissao-ys250-fazer-06-gt-10-xtz250-lander-todos-lado-direito-6205-2rsc3-green-ppk/79" title="Rolamento do Virabrequim YBR 125" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim YBR 125
              </a>
          </div>
        </div>
     </div>
  </div>
  </div>
   
  <div class="px-5 py-2 bg-red-900 text-center items-center justify-between">
    <div class="container flex flex-col px-2 py-0 mx-auto">
      <span class="text-xs text-white">PPK Motoparts - @ Copyright 2003-2021</span>
    </div>
  </div>
  
  <a id="backToTop" class="hidden" href="javascript:void(0);">
   <div class="fixed bottom-4 left-4">
   <div class="bg-yellow-500 text-yellow-900 bg-opacity-50 hover:bg-opacity-90 h-12 w-12 text-center font-extrabold flex items-center justify-center rounded-full">
      <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M5 10l7-7m0 0l7 7m-7-7v18" />
      </svg>
   </div>
   </div>
  </a>
  
</div>


    <div class="floating-wpp z-30 text-gray-900" style=" font-family: 'Nunito', sans-serif;" ></div>
       <!-- Loading Foot Website -->

<div id="alert-success" class="alerts hide flex justify-center transition-opacity">
  <div class="bg-green-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex justify-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 z-40">
    <svg viewBox="0 0 24 24" class="text-green-600 w-9 h-9 sm:w-9 sm:h-9 mr-3" fill="currentColor">
      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
    </svg>
    <span id="content-success" class="text-green-800"></span>
  </div>
</div>

<div id="alert-error" class="alerts hide flex justify-center transition-opacity">
  <div class="bg-red-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex justify-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 z-40">
   <svg viewBox="0 0 24 24" class="text-red-600 w-9 h-9 sm:w-9 sm:h-9 mr-3" fill="currentColor">
      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
    </svg>
    <span id="content-error" class="text-red-800"></span>
  </div>
</div>

<div id="alert-info" class="alerts hide flex justify-center transition-opacity">
  <div class="bg-blue-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex justify-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 z-40">
    <svg viewBox="0 0 24 24" class="text-blue-600 w-9 h-9 sm:w-9 sm:h-9 mr-3" fill="currentColor">
      <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
    </svg>
    <span id="content-info" class="text-blue-800"></span>
  </div>
</div>
<script type="text/javascript">
    document.body.addEventListener("showMessage", function(evt){
        
        console.log(evt);
        
        if(evt.detail.type !== undefined && evt.detail.type !== null){
            var type = evt.detail.type,
                div  =  document.getElementById(`alert-${type}`),
                text =  document.getElementById(`content-${type}`);
            
            if( evt.detail.code !== undefined && evt.detail.type === 'error' )
            {
                evt.detail.message += ` - Código: ${evt.detail.code}`;
            }
            
            text.innerHTML = evt.detail.message;
            
            div.classList.remove("hide");
            window.setTimeout(function(){
                 div.classList.add("hide");
            },5000);
        }
        
    })
</script>



<script>
    let progress = 0;
    let invervalSpeed = 10;
    let incrementSpeed = 1;
    document.addEventListener("DOMContentLoaded", function(){
        let bar = document.getElementById('bar');
        if(bar !== null){
            progressInterval = setInterval(function(){
                progress += incrementSpeed;
                bar.style.width = progress + "%";
                if(progress >= 100){
                    clearInterval(progressInterval);
                }
            }, invervalSpeed);
        }
    });
</script>

<script src="https://www.marketformation.com.br/cdn/vendor/autocomplete/v10.2.6.min.js"></script>
<script>
    // Check if an element currently exists
    if ($('#search').length)
    {
         //AutoComplete para Desktop
         const autoCompleteJS = new autoComplete({
        placeHolder: "Pesquisar Produto",
        selector: "#search",
        data: {
            src: async (query) => {
              try {
                // Fetch Data from external Source
                const source = await fetch(`/services/suggest?q=${query}`);
                // Data is array of `Objects` | `Strings`
                const data = await source.json();
                
                var response = [];
                if(data !== null){
                    response = data["response"]["docs"];
                }
                console.log(response);
                return response;
              } catch (error) {
                return error;
              }
            },
            
            // Data 'Object' key to be searched
            keys: ["produtoModelo"]
        },
        resultsList : {
            noResults: true,
            element: (list, data) => {
                if (!data.results.length) {
                    // Create "No Results" message element
                    const message = document.createElement("div");
                    // Add class to the created element
                    message.setAttribute("class", "no_result");
                    // Add message text content
                    message.innerHTML = `<span>Nenhuma sugestão para <b>"${data.query}"<b></span>`;
                    // Append message element to the results list
                    list.prepend(message);
                }
            },
            class: "absolute w-full z-20 bg-white mt-2 divide-y rounded-md p-3 shadow-md text-gray-900"  
        },
        searchEngine: (query, record) => {
            // Normalize by removing special characters and converting to lower case
            const normalizeText = text => text.toLowerCase().replace(/[\W_]+/g, "");
            const normalizedQuery = normalizeText(query);
        
            // Split the normalized query into words for partial matching
            var queryWords = normalizedQuery.split(" ");
            var normalizedRecord = normalizeText(record);
        
            // Check if all query words are included in the record
            var matchFound = queryWords.every(word => normalizedRecord.includes(word));
            
            if (matchFound) {
                // Highlight matched words in the original record
                queryWords.forEach(word => {
                    var regex = new RegExp(word, "gi");
                    record = record.replace(regex, (matched) => `<mark>${matched}</mark>`);
                });
                return record;
            }
            return false; // Return false if no match is found
        },

        diacritics: true,
        resultItem: {
            highlight: true,
            class: "suggestion flex justify-start space-x-4 items-center p-2 hover:bg-gray-300 cursor-pointer text-gray-900",
            element: (item, data) => {
                const img  = document.createElement("img");
                const text = document.createElement("span");
                
                img.setAttribute("src", data.value.produtoImagem.pequena);
                img.setAttribute("class", "w-8 justify-self-end rounded-md");
                
                text.innerHTML = item.innerHTML;
                
                item.innerHTML = "";
                item.appendChild(img);
                item.appendChild(text);
            }
        },
        debounce: 300,
        events: {
            input: {
                focus: (event) => {
                    autoCompleteJS.input.select();
                },
                click: (event) => {
                    autoCompleteJS.input.select();
                },
                keydown: function(event) {
                    var t = autoCompleteJS,
                        current = t.cursor,
                        list = t.list.children,
                        total = t.list.childElementCount;
                    switch (event.keyCode) {
                        //keyDown
                        case 40:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor < total-1 ? t.cursor += 1 : t.cursor = 0;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //keyUp
                        case 38:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor > 0 ? t.cursor -= 1 : t.cursor = total-1;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //enter
                        case 13:
                            console.log(event);
                            console.log(t);
                            console.log("teste");
                            break;
                        //delete
                        case 9:
                            console.log(event);
                            console.log(t);
                            break;
                        //esc
                        case 27:
                            console.log(event);
                            console.log(t);
                    }
                }
            },
            list: {
                click: (event) => {
                    console.log(event);
                    var clicked = event.target.innerText;
                    autoCompleteJS.input.value = clicked;
                    autoCompleteJS.input.form.submit();
                }
            }
        }
    });
    }
    
    // Check if an element currently exists
    if ($('#search-mobile').length)
    {
        //AutoComplete para Mobile
        const autoCompleteJSMobile = new autoComplete ({
        placeHolder: "Pesquisar Produto",
        selector: "#search-mobile",
        data: {
            src: async (query) => {
              try {
                // Fetch Data from external Source
                const source = await fetch(`/services/suggest?q=${query}`);
                // Data is array of `Objects` | `Strings`
                const data = await source.json();
                
                var response = [];
                if(data !== null){
                    response = data["response"]["docs"];
                }
                console.log(response);
                return response;
              } catch (error) {
                return error;
              }
            },
            // Data 'Object' key to be searched
            keys: ["produtoModelo"]
        },
        resultsList : {
            noResults: true,
            element: (list, data) => {
                if (!data.results.length) {
                    // Create "No Results" message element
                    const message = document.createElement("div");
                    // Add class to the created element
                    message.setAttribute("class", "no_result");
                    // Add message text content
                    message.innerHTML = `<span>Nenhuma sugestão para <b>"${data.query}"<b></span>`;
                    // Append message element to the results list
                    list.prepend(message);
                }
            },
            class: "absolute w-full z-20 bg-white mt-2 divide-y rounded-md p-3 shadow-md text-gray-900"  
        },
        searchEngine: (query, record) => {
            query = query.trim().replace(/\s\s+/g, ' ');
            
            var list = query.toLowerCase().split(" "),
                search = record.normalize("NFD").replace(/[\u0300-\u036f]/g, ""),
                found = list.every(item => search.toLowerCase().includes(item.normalize("NFD").replace(/[\u0300-\u036f]/g, "")));
                
            if(found){
                for(let i = 0; i < list.length; i++){
                    var item  = list[i],
                        words = record.toLowerCase().split(" "),
                        records = record.split(" "),
                        regex = null;

                    if(words.indexOf(item) !== -1){
                        records[words.indexOf(item)] = "<mark>"+records[words.indexOf(item)]+"</mark>"
                        record = records.join(" ");
                    }else{
                        words = search.toLowerCase().split(" ");
                        if(words.indexOf(item) !== -1){
                            records[words.indexOf(item)] = "<mark>"+records[words.indexOf(item)]+"</mark>"
                            record = records.join(" ");
                        }else{
                            regex = new RegExp(item, "ig");
                            record = record.replace( regex, (match) => { return "<mark>" + match + "</mark>" } );
                        }
                    }
                    //var regex = new RegExp(item, "ig");
                    //record = record.replace( regex, (match) => { return "<mark>" + match + "</mark>" } );
                }
                return record;   
            }
        },
        diacritics: true,
        resultItem: {
            highlight: true,
            class: "suggestion flex justify-start space-x-4 items-center p-2 hover:bg-gray-300 cursor-pointer",
            element: (item, data) => {
                const img  = document.createElement("img");
                const text = document.createElement("span");
                
                img.setAttribute("src", data.value.produtoImagem.pequena);
                img.setAttribute("class", "w-8 justify-self-end rounded-md");
                
                text.innerHTML = item.innerHTML;
                
                item.innerHTML = "";
                item.appendChild(img);
                item.appendChild(text);
            }
        },
        debounce: 300,
        events: {
            input: {
                selection: (event) => {
                    const selection = event.detail.selection.value;
                    autoCompleteJS.input.value = selection;
                },
                click: (event) => {
                    // alert("Input Field in click!");
                    autoCompleteJSMobile.input.select();
                },
                keydown: function(event) {
                    var t = autoCompleteJSMobile,
                        current = t.cursor,
                        list = t.list.children,
                        total = t.list.childElementCount;
                    switch (event.keyCode) {
                        //keyDown
                        case 40:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor < total-1 ? t.cursor += 1 : t.cursor = 0;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //keyUp
                        case 38:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor > 0 ? t.cursor -= 1 : t.cursor = total-1;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //enter
                        case 13:
                            console.log(event);
                            console.log(t);
                            break;
                        //delete
                        case 9:
                            console.log(event);
                            console.log(t);
                            break;
                        //esc
                        case 27:
                            console.log(event);
                            console.log(t);
                    }
                }
            },
            list: {
                click: (event) => {
                    //console.log(event);
                    var clicked = event.target.innerText;
                    autoCompleteJSMobile.input.value = clicked;
                    autoCompleteJSMobile.input.form.submit();
                }
            }
        }
    });
    }
</script>

<script type="text/javascript">
    
    $("#select-transporter").selectize({
      valueField: "transportadoraID",
      labelField: "transportadoraNome",
      searchField: "transportadoraNome",
      inputClass: "selectize-custom-input rounded bg-white text-gray-700 p-4 flex last:bg-red-500",
      loadingClass: 'loading',
      create: false,
      render: {
        option: function (item, escape) {
          return (
              '<div class="p-4 hover:bg-gray-100 border border-gray-100" _="on click remove .hidden from #loading">'+
              '<span>'+escape(item.transportadoraNome)+'<span>'+
              '</div>'
            );
        },
      },
      load: function (query, callback) {
        if (!query.length) return callback();
        $.ajax({
          url: "/services/transporters?q=" + encodeURIComponent(query),
          dataType: 'json',
          type: "GET",
          error: function () {
            callback();
          },
          success: function (res) {
            console.log("response", res);
            callback(res.hits.slice(0, 10));
            
          },
        });
      },
      onChange: function (value) {
        // console.log('Valor Novo: ', value);
        if(value !== ''){
            $.ajax({
              url: "/checkout/update",
              dataType: 'json',
              type: "POST",
              data: {
                transporte_id: value
              },
              success: function (res) {
                console.log("response", res);
              },
            });   
        }
      }
    });
</script>


<script>
function onClick(e) {
e.preventDefault();
grecaptcha.ready(function() {
  grecaptcha.execute('6Lffe1MdAAAAALNl_DqF9-ByFDjRL_-HBqwwpn5I', {action: 'submit'}).then(function(token) {
      // Add your logic to submit to your backend server here.
  });
});
}


</script>

     </div>
  </body>
  
    <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-899BH30JVM"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
  
    gtag('config', 'G-899BH30JVM');
  </script>
  </html>